曲線・補間 · 7 / 10
線形補間・値域変換
値を混ぜたり範囲を変えて色や大きさへ対応させる。
動くデモで比較する
Interactive demo
色が変わるUI
A比較対象
値を一瞬で切り替える
B線形補間・値域変換100%
二つの状態を連続的につなげる
時間を動かすと停止して観察できます。変化量 0% で A と同じ状態、100% で B の効果を表示します。8 秒で繰り返します。
見るポイント:比率に沿って中間値を取る → 終了色と大きさ。
ゲームでの使いどころを示す小さな描画サンプルです。実際のゲームでは、素材や他の技法と組み合わせて使います。
コマ送りで解説を読む
例: 色が変わるUI
1. 開始
開始色と大きさ
2. 変化
比率に沿って中間値を取る
3. 結果
終了色と大きさ
技法のしくみ
1. 入力
値 A・B と比率 t
2. 処理
線形補間・値域変換
3. 結果
範囲内の中間値
さらに調べる
The Book of Shaders — Shaping Functions ↗この分野の参考資料です。個々の項目を直接説明する資料とは限りません。