Node Reference

All 92 nodes organized by category with descriptions

Node NameDescription
Color HSV
🎨 Input
色相・彩度・明度(HSV)で色を作るノードです。色のアニメーションに最適。
Color OKLCH
🎨 Input
知覚的に均一な OKLCH 色空間で色を作るノードです。グラデーションやパレット設計に最適。
Color RGB
🎨 Input
RGB(赤・緑・青)で色を作ります。カラーピッカーで視覚的に選ぶか、値を直接入力できます。
Image Load
🎨 Input
ファイルから画像を読み込みます(PNG, JPEG等に対応)。
Pixel Canvas
🎨 Input
エディタで直接ドット絵を描画し、ノードグラフに出力します。
Solid Color
🎨 Input
指定した色で塗りつぶされた画像を生成します。ドット絵のキャンバス作成に使います。
Text Outline
🎨 Input
`TextLayout` から、塗りと縁取り付きの文字画像を生成する互換ラッパーノード
Text Rasterize
🎨 Input
テキストまたは `TextLayout` を、塗りとアウトラインを含めて最終画像へ焼き付ける正本 render ノード
Float Input
🎨 Input
プリセット付きの Float パラメータコントローラです。soft UI range と hard clamp を分けて扱えます。
Int Input
🎨 Input
プリセット付きの Int パラメータコントローラです。soft UI range と hard clamp を分けて扱えます。
Text Animate By Glyph
🎨 Input
`TextLayout` の各文字に、ずらし付きの移動・拡大縮小・透明度・波・バウンスを適用するノード
Text Input
🎨 Input
文字列を出力する入力ノード
Text Layout
🎨 Input
ローカルフォント参照から glyph 配置済みの `TextLayout` 構造を生成するノード
Text Reveal By Glyph
🎨 Input
`TextLayout` の文字を index 順に 1文字ずつ表示するノード
Gaussian Blur
Filter
画像にガウシアンぼかしを適用します。
Brightness
Filter
画像全体の明るさを調整します。
HSV Adjust
Filter
色相・彩度・明度を個別に調整します。
Invert
Filter
画像の色を反転します(ネガポジ変換)。
Dither
Filter
パレット減色に、順序ディザや誤差拡散ディザをかけます。
Drop Shadow
Filter
画像の背後に、方向付きのハードシャドウを描きます。
Outline
Filter
画像の不透明部分に輪郭線を描きます。外側配置と内側配置を選べます。
Pixel Cleanup
Filter
孤立した 1px ノイズや、上下左右で囲まれた 1px の小穴を保守的に整えます。
Silhouette Cleanup
Filter
画像のアルファシルエットに対して、L 字の出っ張りを削ったり、角欠けを埋めたりします。
Canvas Resize
🔄 Transform
画像内容はそのままにキャンバスサイズを変更します。
Content Resize
🔄 Transform
画像を任意のサイズにリサイズします。ニアレストネイバー(ドット絵向き)またはバイリニア(滑らか)補間を選択可能。
Crop
🔄 Transform
画像から矩形領域を切り抜きます。
Fit to Canvas
🔄 Transform
画像をターゲットキャンバスサイズに合わせて配置します。Contain/Cover/Stretch/None の4モード、9方向アンカー、ピクセルパーフェクトな整数倍スケールに対応。
Pixel Scale
🔄 Transform
整数倍のピクセルパーフェクトスケーリング。ニアレストネイバー補間で拡大・縮小するため、ドット絵の鮮明さが保たれます。
Transform
🔄 Transform
画像の移動・整数倍スケール・90°回転・反転を行います。
Iso Scene Render
🔄 Transform
`IsoScene` を画像と補助マスクへ描画する共通レンダラ。将来的には `IsoWorldToScene` の下流で使う。
Iso World To Scene
🔄 Transform
`IsoWorld` を描画用の `IsoScene` へコンパイルするノード。
Blend
📐 Compose
2つの画像を合成します(Normal / Multiply / Screen / Overlay / Add)。配置制御パラメータでサイズの異なる画像の合成方法を細かく指定できます。
Iso Assemble
📐 Compose
複数の `IsoItem` を 1 つの複合アイソアイテムへまとめるノード。
Iso Place
📐 Compose
`IsoItem` を `IsoWorld` 空間の指定座標へ配置するノード。
Iso Scene Compose
📐 Compose
複数の `IsoScene` を 1 つにまとめるノード。
Iso World Compose
📐 Compose
複数の `IsoWorld` を 1 つにまとめるノード。
Erase By Mask
📐 Compose
マスクの白い所を削り、黒い所を残します。
Mask
📐 Compose
マスクの白い所を残し、黒い所を透明にします。
Opacity
📐 Compose
画像の色はそのままにして、透明度だけを調整します。
Reveal
📐 Compose
プログレスマップに従って画像を段階的に表示
Preview
📤 Output
処理結果をプレビューパネルに表示します。
Clamp
🔢 Math
値が小さすぎたり大きすぎたりしないよう、指定した範囲に収めます。
Math Func
🔢 Math
1つの数値に、丸め・三角関数・指数・符号判定などの計算をかけます。
Math Op
🔢 Math
2つの数値を使って、足し算・引き算・掛け算・割り算などを行います。
Numeric Compare
🔢 Math
2つの数値を比べて、条件に合っているかを `true / false` で返します。
Switch
🔢 Math
条件に応じて、2つの値のどちらを使うか選びます。
Value Match
🔢 Math
選んだ型に合わせて、2つの値が同じか違うかを判定します。
List Create
📋 List
複数の入力をリストにまとめます。
List Get
📋 List
リストからインデックス指定で 1 つの要素を選ぶ、標準的な選択ノードです。
List Length
📋 List
リストの要素数を出力します。
List Unpack
📋 List
リストの要素を個別に出力します。
Animation Render
🎬 Animation
上流グラフを各フレームで評価し、スプライトシートとして出力する
Ease In/Out
🎬 Animation
入力値(0〜1)にイージング関数を適用
Noise Wave
🎬 Animation
入力値から滑らかなノイズ波信号を生成
Remap
🎬 Animation
値の範囲を別の範囲に線形変換するCHOP型ノード
Sawtooth Wave
🎬 Animation
入力値からノコギリ波信号を生成
Sine Wave
🎬 Animation
サイン波信号を生成するCHOP型ノード
Square Wave
🎬 Animation
入力値から矩形波(パルス波)信号を生成
Time Source
🎬 Animation
アニメーション評価時の時間情報を出力するCHOP型ノード
Palette Create
🎨 Palette
個別のカラー入力からパレットを作成します。
Palette Extract
🎨 Palette
画像に使われている色を集めて、パレットとして取り出します。
Palette Get
🎨 Palette
パレットからインデックス指定で1色を取得します。
Palette Quantize
🎨 Palette
指定したパレット、または画像から抽出したパレットへ減色します。
Palette Swap
🎨 Palette
画像の色を、元のパレットから別のパレットに差し替えます。
Iso Block
🔧 Generate
`IsoWorld` 空間に、幅・奥行き・高さを持つ意味付きブロックを 1 つ生成するノード。
Iso Extrude
🔧 Generate
閉じたパスを高さ方向へ押し出してアイソメ立体シーンへ変換するノード。自由形状の補助入口として使う。
Iso Surface
🔧 Generate
閉じたパスをアイソメトリックの天面シーンへ変換するノード。
Mask Boolean
🔧 Generate
2つのマスクを、合体する・引く・重なりだけ残す、の3通りでまとめます。
Mask Scatter
🔧 Generate
マスク画像の有効領域にスタンプをランダム配置するノード。
Path Mask
🔧 Generate
閉じたベジェパス群を白+アルファのマスク画像に変換するノード。
Shape Sweep
🔧 Generate
小さな図形をパスに沿って何度も並べ、マスク画像を作ります。
Bezier Path
🔧 Generate
インタラクティブエディタでベジェ曲線パスを定義。各セグメントを入出力ピン化して外部制御が可能。
Multi Path
🔧 Generate
レイヤー管理機能付きベジェパスエディタ。1レイヤー = 1サブパス。全結合パスと個別レイヤーの出力に対応。
Path Array
🔧 Generate
ベジェパスに沿って様々な配置モードでオブジェクトを配置。全サブパスに対応。
Path Bounds
🔧 Generate
ベジェパスの境界情報を出力するノード。パス全体、または指定した 1 本のサブパスについて、実際の曲線形状に沿ったバウンディング情報を取得できます。
Path Combine
🔧 Generate
2つのベジェパスのセグメントを連結して1つのパスとして出力。
Path Fill
🔧 Generate
閉じたベジェパスの内部を塗りつぶすノード。
Path Reverse
🔧 Generate
ベジェパスの進行方向を反転するノード。パス全体、または指定した 1 本のサブパスだけを反転できます。
Path Sample
🔧 Generate
ベジェパス上の任意の位置をサンプリングして座標を出力。アニメーションの軌道制御に最適。
Path Split
🔧 Generate
マルチパスから指定インデックスのサブパスを単体パスとして抽出する
Path Stroke
🔧 Generate
ベジェパスに沿ってピクセルパーフェクトなラインを描画するノード。
Path Tangent
🔧 Generate
パス上の指定位置の接線方向ベクトルと角度を出力。回転アニメーションや方向制御に使用。
Path Transform
🔧 Generate
パス全体を動かす・拡大縮小する・回転させます。
Path Trim
🔧 Generate
ベジェサブパスの指定区間だけを切り出して、新しい Path として出力するノード。
Segment Pack
🔧 Generate
8個の座標値からベジェセグメント (Map) を組み立てます。
Segment Unpack
🔧 Generate
ベジェセグメント (Map) を8個の座標値に分解。必要な出力だけ📤で出力ピン化して使用できます。
Coordinates
🔧 Generate
UV や X/Y、距離などの座標マップ画像を生成します。
Gradient
🔧 Generate
線形または放射グラデーション画像を生成します。
Noise
🔧 Generate
白色ノイズや滑らかな値ノイズを画像として生成します。
Line
🔧 Generate
2点間に直線を描画(Bresenham アルゴリズム)
Pixel Line
🔧 Generate
ピクセルパーフェクトな直線を描画(ステップ比率ベース)
Shape
🔧 Generate
四角形や円などの基本図形を作り、画像とパスの両方を出力します。
Node Reference — PixPipeline | Yotsuba Games