概要
「横2ドット進んで1ドット上がる」のような一定ステップの完璧な直線を引くノードです。 アイソメトリックの床辺・屋根の傾斜・45°斜線など、ドット絵で角度が命の線は、 ベジェよりこちらの方が確実にきれいに引けます。
使い方のポイント
- 2:1アイソメの辺は
step_x=2, step_y=1が黄金比。この設定のまま方向を変えて ひし形の4辺を構成できる lengthは「ステップの繰り返し回数」。2:1で length 16 なら横32px分進む- 手描き線(bezier_path→path_stroke)との使い分け: 角度が規則的な構造線はこちら、 自由曲線はパス系
- 線が伸びるアニメ:
lengthをtime_source → remapで駆動(使用例参照)
よくある失敗
- 線が途中で切れる: キャンバス外に出た分は描かれない。
originとlengthから 終点を逆算してキャンバスに収める - アイソメのひし形が閉じない: 4辺の origin 座標の整合が必要。1辺の終点=次辺の始点に
なるよう、step×length で計算して合わせる(または
iso_block系ノードの利用を検討)
キャンバスサイズ連動
ジェネレータノードとして、新規作成時に 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 | 1 | 水平線（方向: Right/Left。step_y は使いません） |
| 1 | 1 | 垂直線（方向: Up/Down。step_x は使いません） |
方向
| 値 | 記号 | 説明 |
|---|---|---|
| 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度のきれいな斜線
関連ノード
line_generate— 座標2点指定の直線path_stroke— 自由曲線のピクセルパーフェクト線iso_block— アイソメの立体をまとめて作るならrule_polyline— ルールタイル系の折れ線