ノード一覧に戻る

ピクセルライン

pixel_line

均一なステップパターンのピクセルパーフェクトな線を描画します(例: 2:1 アイソメトリック)

下書き
解説あり

入力ポート

名前説明
color
Color
線の色(接続時はパラメータより優先)

出力ポート

名前説明
画像
output
Image
生成されたピクセルパーフェクトライン画像

パラメータ

名前既定値範囲説明・選択肢
width
Int
641–1024

キャンバスの幅(ピクセル)

高さ
height
Int
641–1024

キャンバスの高さ(ピクセル)

始点X
origin_x
Int
00–1024

始点の X 座標

始点Y
origin_y
Int
320–1024

始点の Y 座標

ステップX
step_x
Int
21–8

1ステップの水平ドット数(例: アイソメトリック 2:1 なら 2)

ステップY
step_y
Int
11–8

1ステップの垂直ドット数(例: アイソメトリック 2:1 なら 1)

長さ
length
Int
161–256

ステップの繰り返し回数

方向
direction
Enum
Right-Up

線の方向

  • 右上 ↗Right-Up
  • 右下 ↘Right-Down
  • 左上 ↖Left-Up
  • 左下 ↙Left-Down
  • 右 →Right
  • 左 ←Left
  • 上 ↑Up
  • 下 ↓Down
color
Color
[1,1,1,1]

線の色(入力ポート未接続時に使用)

キャンバスサイズ連動

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

状態 width/height の値
デフォルト(新規作成時) プロジェクトキャンバスサイズにバインド(自動追従)
ユーザーが手入力 or バインド解除 ローカル値(キャンバスサイズと独立)

インスペクターの 🔗 ボタンからバインドの解除・再登録ができます。

ステップパターン例

step_x step_y 用途
2 1 アイソメトリック線(2:1)
1 1 45度斜線
1 2 急な傾斜(1:2)
3 1 緩やかな角度
1 0 水平線(方向: Right/Left 時)
0 1 垂直線(方向: 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度のきれいな斜線
ノード一覧に戻る
ピクセルライン — PixPipeline ノード解説