概要
矩形・円・楕円・三角・ひし形をパラメータで生成する、図形の最短ルートです。 単純な形ならパスを手で描くよりこちらが速く、同じ形を 画像・パス・サーフェースの 3形式で同時に出力するのが特長です(マスク・UI部品・ライティング下地を1ノードで賄える)。
使い方のポイント
- 白い図形(既定)はそのままマスクとして使える。
path_maskやblend_by_maskの マスク入力へ直結 - ふちだけ欲しい場合:
filled = false+stroke_width ≥ 1。枠線UIやセレクタ表示に - 図形を動かす・並べる場合は
output(画像)ではなくpath出力をpath_transform/path_arrayに渡す方が劣化しない - ドット絵の光沢や立体感を試すなら
surface出力 →surface_light_preview。surface_heightを上げると縁に高さ差が出る
よくある失敗
- 図形がキャンバスからはみ出す/合わない: このノードの
幅・高さは追加時に キャンバスサイズが入るが、その後は独立(自動追従しない)。キャンバスを変えたら こちらも合わせる - 背景が黒くなる:
outputは透明背景。黒く見えるのはプレビューの背景設定。 背景を敷きたい場合はsolid_colorの上にblendで重ねる - 枠線が出ない:
stroke_width = 0(既定)のまま。1以上にする stroke_widthが2・4などの偶数でも、輪郭は指定したピクセル幅で描画されます。 偶数幅の中心は右・下へ半ピクセル寄ります。
注意
outputは透明背景の画像です。pathはPathMask、Path Transform、Shape Sweepなどで再利用できます。surfaceは透明部分を背景扱いにし、図形があるピクセルだけに素材ID・面ID・高さを書き込みます。- サーフェース関連のパラメータはインスペクターの「サーフェース関連」に折りたたまれます。
- エディタから追加した直後は、
幅と高さに現在のキャンバスサイズが入ります。 - ただし追加後はキャンバスに固定されず、
幅と高さを独立して変更できます。 filled = falseの時は、中は塗られません。stroke_width = 0の時は、ふちは描かれません。
使用例
Rectangleを作ってそのままBlendにつなぐ- 単純な帯やパネル画像をすぐ作れます
Circleを作ってpathをPath Transformに送る- 円の位置やサイズだけ変えてマスクに再利用できます
Diamondを作ってPathMask- ひし形の cutout や UI 装飾に使えます
stroke_widthを入れて塗りなしにする- 枠線だけの図形も作れます
surfaceをSurface Light Previewにつなぐsurface_heightを上げると図形の縁に高さ差が出て、光を当てた時の見え方を調整できます
関連ノード
bezier_path— 自由な形を描きたい場合(こちらはエディタで手描き)line_generate— 直線・折れ線が欲しい場合path_transform/path_array— path出力の移動・回転・繰り返し配置pixel_line— ピクセル単位でカクッとした線が欲しい場合