Directional Warp

Overview

While Displace uses map values as offsets in both X and Y, Directional Warp fixes the displacement direction to an angle and uses the map only to decide the distance. It specializes in distortion with a consistent flow, such as wood grain, wind, or drag marks.

Usage tips

• The go-to setup is 模様 → このノード ← noise_generate(map). Use angle for the flow direction and displacement_px for its strength.
• Choose between warp nodes by intent: one consistent direction → this node for simple control; direction varies by location → Displace; follow a height slope → Slope Blur.
• displacement_px can also be negative to reverse the direction.
• Turn wrap ON for tileable assets.

Common pitfalls

• The whole image only shifts uniformly: the map is a solid color. Connect contrasting noise or a gradient to map.
• Angle convention: 0° = right and 90° = down in screen coordinates. Use 270° to flow upward.

Examples

1. Wood grain: vertical stripe pattern + Noise map + angle: 0 for horizontal waviness
2. Grass blowing in the wind: grass tile + horizontal gradient map + angle: 0 to move only the top
3. Fluttering flag: drive intensity on a Noise(Perlin) map with Time Source

Related nodes

• displace — free-direction X/Y warping
• slope_blur — smear along height slopes
• noise_generate / gradient_generate — map sources
• wrap_offset — when you only want scrolling without distortion