UV・マテリアル表現 · 8 / 10

画面歪み・屈折

背景の参照位置をずらし、熱気や屈折を画面上で近似する。

動くデモで比較する

熱気の背景

同じ時刻で比較
A比較対象
歪みのない背景

歪みのない背景

B画面歪み・屈折100%
熱や衝撃のゆがみを近似できる

熱や衝撃のゆがみを近似できる

デモを読み込み中…

時間を動かすと停止して観察できます。変化量 0% で A と同じ状態、100% で B の効果を表示します。8 秒で繰り返します。

見るポイント:参照する画素をずらす → 背景が揺らいで見える。

ゲームでの使いどころを示す小さな描画サンプルです。実際のゲームでは、素材や他の技法と組み合わせて使います。

コマ送りで解説を読む

例: 熱気の背景

  1. 1. 開始

    背景がまっすぐ見える

  2. 2. 変化

    参照する画素をずらす

  3. 3. 結果

    背景が揺らいで見える

熱や衝撃のゆがみを近似できる。時間変化を示す模式図です。実際の描画結果や処理速度を再現したものではありません。

技法のしくみ

  1. 1. 入力

    背景画像と歪み量

  2. 2. 処理

    参照する画素をずらす

  3. 3. 結果

    揺らぐ背景

画面歪み・屈折のしくみを示す模式図。入力・処理・結果の関係を表し、実際の数値や描画結果は実装によって異なります。

さらに調べる

Unreal Engine Material Coordinates ↗

この分野の参考資料です。個々の項目を直接説明する資料とは限りません。