Pixel Line(ピクセルライン)

ピクセルパーフェクトな直線を描画(ステップ比率ベース)

上級
Since P00

入力ポート

Color()

線の色(接続時パラメータより優先)

Color

出力ポート

Image(画像)

生成されたライン画像(透明背景)

Image

パラメータ

名前デフォルト説明
WidthInt64キャンバス幅(px)
Height高さInt64キャンバス高さ(px)
Origin X始点XInt0始点の X 座標
Origin Y始点YInt32始点の Y 座標
Step XステップXInt21ステップの水平ドット数
Step YステップYInt11ステップの垂直ドット数
Length長さInt16ステップ繰り返し回数
Direction方向EnumRight-Up線の方向
ColorColor線の色

キャンバスサイズ連動

ジェネレータノードとして、新規作成時に width / height がプロジェクトのキャンバスサイズ(_canvasWidth / _canvasHeight)に自動バインドされます。

状態width/height の値
デフォルト(新規作成時)プロジェクトキャンバスサイズにバインド(自動追従)
ユーザーが手入力 or バインド解除ローカル値(キャンバスサイズと独立)
インスペクターの 🔗 ボタンからバインドの解除・再登録ができます。

ステップパターン例

step_xstep_y用途
21アイソメトリック線(2:1)
1145度斜線
12急な傾斜(1:2)
31緩やかな角度
10水平線(方向: Right/Left 時)
01垂直線(方向: Up/Down 時)

方向

記号説明
Right-Up右上方向
Right-Down右下方向
Left-Up左上方向
Left-Down左下方向
Right右方向(水平)
Left左方向(水平)
Up上方向(垂直)
Down下方向(垂直)

使用例

  • PixelLine(2:1, Right-Up) → Blend — アイソメトリック床の辺
  • TimeSource → Remap → PixelLine(length) → AnimationRender — 線が伸びていくアニメーション
  • PixelLine(1:1) — 45度のきれいな斜線
Pixel Line (ピクセルライン) — PixPipeline ノード解説