曲線・補間 · 8 / 10
スムーズステップ
両端で滑らかにつながるフェードを作る。
動くデモで比較する
Interactive demo
画面のフェード
A比較対象
一定の速さで変化する
Bスムーズステップ100%
開始と終了が急に切り替わらない
時間を動かすと停止して観察できます。変化量 0% で A と同じ状態、100% で B の効果を表示します。8 秒で繰り返します。
見るポイント：両端で変化が緩む → 自然に表示される。
ゲームでの使いどころを示す小さな描画サンプルです。実際のゲームでは、素材や他の技法と組み合わせて使います。
コマ送りで解説を読む
例: 画面のフェード
1. 開始
透明な画面
2. 変化
両端で変化が緩む
3. 結果
自然に表示される
技法のしくみ
1. 入力
0〜1 の進行率
2. 処理
端の傾きをゼロにする
3. 結果
滑らかな S 字遷移
さらに調べる
The Book of Shaders — Shaping Functions ↗この分野の参考資料です。個々の項目を直接説明する資料とは限りません。