カラーグラデーション
最大 4 色のグラデーションをテキストに適用できます。カラーグラデーションを追加すると、TextCore はテキスト文字列の各文字にグラデーション色を適用します。
カラーグラデーションプリセットをテキストオブジェクトに適用するには、<gradient> リッチテキストタグ を使用します。グラデーションプリセットは、テキストのローカルグラデーションタイプと色をオーバーライドします。
カラーグラデーションプリセットの作成
1 つまたは複数の色でカラーグラデーションを作成し、特定のフォルダーに配置するには、以下の手順に従います。
メニューから、Assets > create > Text Core > Color Gradient を選択して、新しいカラーグラデーションプリセットを追加します。
-
カラーグラデーションの Inspector ウィンドウで、ドロップダウンメニューからカラーモードを選択します。
- Single: 1 つの色を適用します。
- Horizontal Gradient: 2 つの色を適用し、各文字に 2 色間の横方向の遷移を作成します。
- Vertical Gradient: 2 つの色を適用し、各文字に 2 色間の縦方向の遷移を作成します。
- Four Corners Gradient: 4 つの色を適用します。各色は、各文字の割り当てられたコーナーから放射されます。
グラデーションの色を設定します。Colors フィールドで使用できる色の数は、選択したグラデーションモードによって異なります。各スウォッチは、文字スプライト上の色の原点に対応しています。
カラーグラデーションアセットを、Panel Text Settings アセット の Color Gradient Presets に設定されたパスに配置します。
カラーグラデーションプリセットの適用
カラーグラデーションプリセットをテキストに適用するには、<gradient="name-of-the-color-gradient">Your text</gradient> として名前でカラーグラデーションを参照します。このようにカラーグラデーションを適用すると、テキストの色にオブジェクトの現在の頂点色が乗算されます。
選択したテキストに純粋なグラデーションを適用するには、<color> タグを使用して色を白にリセットします。
例:
<color=white><gradient="Light to Dark Green - Vertical">Light to Dark Green gradient</gradient></color>
カラーグラデーションモードの例
以下は各モードのカラーグラデーションの例です。
単色
単色のグラデーション。
水平グラデーション
2 色の横方向のグラデーション。
垂直グラデーション
2 色の縦方向のグラデーション。
4 コーナーグラデーション
4 色のグラデーション。各色は 1 つのコーナーから放射されます。これは最も汎用性の高いグラデーションタイプです。いくつかの色を異なる色にし、他の色を同じにすることで、さまざまな種類のグラデーションを作成することができます。
この例では、3 つのコーナーを 1 つの色にし、4 つ目のコーナーを異なる色にしています。
この例では、隣接するコーナーのペアを同じ色にして、水平または垂直のグラデーションを作成しています。
この例では、斜め向かいのコーナーのペアを同じ色にして、斜めのグラデーションを作成しています。
この例では、水平と垂直の 3 カラーグラデーションを作成しています。一方の端の色が優勢で、もう一方の端の色は 2 色間で遷移しています。
この例では、斜め向かいの 2 つのコーナーを同じ色にし、他の 2 つのコーナーを異なる色にして、斜めストライプの 3 カラーグラデーションを作成しています。
