Shape(図形)

四角形や円などの基本図形を作り、画像とパスの両方を出力します。

中級
Since P00

入力ポート

Fill Color(塗り色)

中の色を外から差し替えます

Color
Stroke Color(ふちの色)

ふちの色を外から差し替えます

Color

出力ポート

Image(画像)

作成した図形の画像です

Image
Path(パス)

同じ形を表すパスです

Path

パラメータ

名前デフォルト説明
Shape図形の種類Enum`Rectangle`どの図形を作るか選びます
WidthInt`64`出来上がる画像の幅です
Height高さInt`64`出来上がる画像の高さです
Filled中を塗るBool`true`オンなら図形の中を塗ります
Fill Color塗り色Color図形の中の色です

まず何に使う?

  • 簡単な図形画像をすぐ作りたい時
  • 図形を Path として再利用したい時
  • マスクや cutout 用の土台を用意したい時

注意

  • output は透明背景の画像です。
  • pathPathMaskPath TransformShape Sweep などで再利用できます。
  • エディタから追加した直後は、高さ に現在のキャンバスサイズが入ります。
  • ただし追加後はキャンバスに固定されず、高さ を独立して変更できます。
  • filled = false の時は、中は塗られません。
  • stroke_width = 0 の時は、ふちは描かれません。

使用例

  1. Rectangle を作ってそのまま Blend につなぐ

- 単純な帯やパネル画像をすぐ作れます

  1. Circle を作って pathPath Transform に送る

- 円の位置やサイズだけ変えてマスクに再利用できます

  1. Diamond を作って PathMask

- ひし形の cutout や UI 装飾に使えます

  1. stroke_width を入れて塗りなしにする

- 枠線だけの図形も作れます

Shape (図形) — PixPipeline ノード解説