曲線・補間 · 9 / 10
イージング
時間の進み方を変えて溜めや弾みを付ける。
動くデモで比較する
Interactive demo
ボタンの移動
A比較対象
等速で移動する
Bイージング100%
同じ軌道でも時間の手触りが変わる
時間を動かすと停止して観察できます。変化量 0% で A と同じ状態、100% で B の効果を表示します。8 秒で繰り返します。
見るポイント：溜めや弾みを付けて進む → 行き過ぎて戻り停止。
ゲームでの使いどころを示す小さな描画サンプルです。実際のゲームでは、素材や他の技法と組み合わせて使います。
コマ送りで解説を読む
例: ボタンの移動
1. 開始
静止したボタン
2. 変化
溜めや弾みを付けて進む
3. 結果
行き過ぎて戻り停止
技法のしくみ
1. 入力
時間の進行率
2. 処理
進行率を変形
3. 結果
溜め・跳ね返り
さらに調べる
The Book of Shaders — Shaping Functions ↗この分野の参考資料です。個々の項目を直接説明する資料とは限りません。