ノード一覧に戻る

ディスプレイス

displace

接続したマップ画像、またはインスペクターで選んだマップ素材を使い、ピクセルの位置をずらします。波、熱の揺らぎ、へこみ、模様のゆがみに使えます。

下書き
解説あり

入力ポート

名前説明
画像
input
Image
必須
ピクセル位置をずらす元画像です。
マップ
map
Image
どの場所をどれだけ動かすかを決めるマップ画像です。接続すると、インスペクターで選んだマップ素材より優先します。

出力ポート

名前説明
画像
output
Image
マップに合わせてピクセルを動かした画像です。

パラメータ

名前既定値範囲説明・選択肢
マップカテゴリ
category
Enum
Noise

マップ入力が未接続の時に、素材選択で探すカテゴリです。

  • すべてAll
  • ノイズNoise
  • マスクMasks
  • グラデーションGradients
  • 高さHeight
マップ素材
asset_id
Text
vector_warp_rg_01

マップ入力が未接続の時に使うマップ素材です。選択ボタンから保存済みマップ素材を選べます。

モード
mode
Enum
VectorRG

マップで左右上下を別々に動かすか、1 方向だけに押し出すかを選びます。

  • RGベクトルVectorRG
    マップの赤で左右、緑で上下に動かします。
  • 方向指定Directional
    明るさや透明度など 1 つの値を使い、決めた角度方向に動かします。
押し出しの基準
source
Enum
OKLCH-L

方向指定モードで、押し出しの強さに使うマップの値を選びます。

  • OKLCH 明度OKLCH-L
    見た目の明るさで判定します。影やハイライトなど、目で見た明暗に合わせたい時に使います。
  • OKLCH 彩度OKLCH-C
    色の鮮やかさで判定します。くすんだ色と鮮やかな色を分けたい時に使います。
  • HSV 色相HSV-H
    色相で判定します。赤系・青系のように、色味の方向で分けたい時に使います。
  • HSV 彩度HSV-S
    HSV の鮮やかさで判定します。一般的な色相・彩度・明度の感覚で選びたい時に使います。
  • HSV 明度HSV-V
    RGB の一番明るいチャンネルを基準にします。光った色や原色の強さを見たい時に使います。
  • RGB 赤RGB-R
    赤の強さで判定します。赤みだけを抜き出したい時に使います。
  • RGB 緑RGB-G
    緑の強さで判定します。緑成分だけを抜き出したい時に使います。
  • RGB 青RGB-B
    青の強さで判定します。青成分だけを抜き出したい時に使います。
  • アルファAlpha
    透明度で判定します。不透明な形だけをマスクにしたい時に使います。
  • 輝度Luminance
    RGB から計算した明るさで判定します。OKLCH より単純な白黒変換に近い結果が欲しい時に使います。
X量
amount_x
Float
8-256–256 / step 0.1

左右に動かす最大量です。絶対値を大きくするほど横方向のゆがみが強くなります。

Y量
amount_y
Float
8-256–256 / step 0.1

上下に動かす最大量です。絶対値を大きくするほど縦方向のゆがみが強くなります。

角度
angle
Angle
0— / step 1

方向指定モードでピクセルを押し出す向きです。0 は右、90 は下です。

補間
sampling
Enum
Nearest

動かしたピクセルを硬いドットのままにするか、周囲と滑らかに混ぜるかを選びます。

  • NearestNearest
    ドット絵らしい硬い段差を残します。
  • LinearLinear
    ピクセル間を混ぜて、ゆがみを滑らかにします。
左右ループ
wrap_x
Bool
false

左右の端がつながっているものとして画像とマップを読みます。タイル素材向けです。

上下ループ
wrap_y
Bool
false

上下の端がつながっているものとして画像とマップを読みます。タイル素材向けです。

概要

接続した画像、またはインスペクターで選んだマップ素材を押し出しマップとして使い、元画像のピクセル位置をずらすノードです。水面のゆらぎ、熱で揺れる空気、へこみ、布や模様の歪みに使えます。

マップの色や明るさが、どの場所をどれだけ動かすかを決めます。 map 入力に画像をつなぐと、その画像が優先されます。map をつながない場合は、Map Asset で選んだ素材を使います。

使用例

  • Map Assetsoft_warp_01 を選び、ゆるい揺らぎを作る。
  • map 入力に別ノードのノイズ画像をつなぎ、手続き的に揺らぎを変える。
  • DirectionalOKLCH-L で、白い部分ほど右へ押し出す。
  • VectorRGvector_warp_rg_01 で、赤と緑のマップから上下左右に細かく歪ませる。
  • タイル素材を歪ませる時は 左右ループ / 上下ループ をオンにし、端から外へずれたピクセルを反対側から読む。
ノード一覧に戻る
ディスプレイス — PixPipeline ノード解説