Back to Node List

Displace

displace

Moves each pixel by using a connected map image or a selected map asset, useful for waves, heat shimmer, dents, and texture wobble.

Draft
Guide available
The node name and summary are available in English. Port, parameter, and article details are currently shown in Japanese.

Input Ports

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

Output Ports

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

Parameters

NameTypeDefaultRangeDescription / Options
マップカテゴリ
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 で、赤と緑のマップから上下左右に細かく歪ませる。
  • タイル素材を歪ませる時は 左右ループ / 上下ループ をオンにし、端から外へずれたピクセルを反対側から読む。
Back to Node List
Displace — PixPipeline Node Reference