Back to Node List

Directional Blur

directional_blur

Blurs pixels along an axis or extends them toward one selected direction, useful for speed trails and light streaks.

Reviewed
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
選んだ軸に沿ってぼかす画像です。

Output Ports

NameTypeDescription
画像
output
Image
指定した軸または片側方向へぼかした画像です。

Parameters

NameTypeDefaultRangeDescription / Options
角度
angle
Angle
0— / step 1

画像上での向きです。0°は右、90°は下、180°は左、270°は上を指します。「両側」では反対角度も同じ軸になります。

広がる向き
spread_direction
Enum
Both

ブラーの尾をどちらへ出すかです。剣の振りや光線を角度どおり伸ばすなら「角度方向」、移動物体の後ろへ残すなら「角度の反対方向」を使います。

  • 両側Both
    角度の軸に沿って両側へ同じ距離だけ広げます。既存プロジェクトと同じ動作です
  • 角度方向AlongAngle
    元の位置を含め、角度が指す側へだけ見える尾を伸ばします
  • 角度の反対方向AgainstAngle
    元の位置を含め、角度が指す側とは反対へ見える尾を伸ばします
半径
radius
Int
40–64

尾の長さです。「両側」は左右それぞれにこの距離、片側モードは選んだ側だけに使います。ドット絵は2〜4px、強い攻撃軌跡は8〜16px前後から試します。

サンプル数
samples
Int
91–65

尾を何点で作るかです。1なら入力のままです。Nearestの片側は「半径+1」、Linearは9〜17前後を滑らかさの目安にします。

補間
sampling
Enum
Nearest

ドットの段差を残すか、ピクセル間を滑らかに混ぜるかを選びます。

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

左右の端がつながっているものとしてブラーの参照元を読みます。タイル素材向けです。

上下ループ
wrap_y
Bool
false

上下の端がつながっているものとしてブラーの参照元を読みます。タイル素材向けです。

Overview

Blurs pixels symmetrically along a selected axis. Use it for speed lines, elongated light, or wind-swept effects.

Nearest retains hard, pixel-art-like steps, while Linear blends between pixels for a smoother result.

Usage tips

  • angle selects an axis, not a one-way direction. 0° and 180° are the same horizontal axis; 90° and 270° are the same vertical axis.
  • A restrained 2–4px radius works well in pixel art.
  • For light streaks, apply a larger radius to a small white dot or light source, then layer it with blend (Add) for a lens-flare-like ray.
  • Promote angle to an input pin 📌 to create a light streak whose axis rotates over time.
  • samples=1 reads only the source position, so it is an identity regardless of radius.
  • On transparent backgrounds, both Linear interpolation and trail averaging account for alpha, so hidden RGB in fully transparent pixels does not tint the streak.
  • Use gaussian_blur for an omnidirectional blur. This node is specifically for one direction.

Related nodes

  • gaussian_blur — omnidirectional blur
  • blend — layer motion trails and light streaks
  • transform — combine with movement of the main subject

Examples

  • Match angle to a character's movement axis to create a short, symmetric speed line.
  • Apply a horizontal blur to a small white dot to create a streak of light.
  • With Nearest, extend the image by only about 2–4px while retaining its pixel feel.
  • For tile assets, enable wrap_x / wrap_y so streaks also connect naturally across the edges.
Back to Node List
Directional Blur — PixPipeline Node Reference