NineSlice Pack

Name	Type	Description
角パーツ corner	Image	3パーツ方式で使う角画像です。右上・左下・右下は反転して自動で作ります。
辺パーツ edge	Image	3パーツ方式で使う上辺画像です。下辺や左右の辺は反転・回転して自動で作ります。
中央パーツ center	Image	3パーツ方式で使う中央の塗り画像です。
パーツ画像リスト parts	List<Image>	5パーツ方式または9パーツ方式で使う画像リストです。9パーツは左上、上、右上、左、中央、右、左下、下、右下の順です。
スプライトシート spritesheet	SpriteSheet	スプライトシートのフレーム順をパーツ順として使います。9パーツは左上、上、右上、左、中央、右、左下、下、右下の順です。

Name	Type	Description
9スライス nine_slice	NineSlice	9スライス描画ノードへ渡す、伸ばせるウィンドウ素材です。
素材画像 image	Image	9つの領域を1枚にまとめた確認用の素材画像です。
概要 summary	Text	作成結果の短いまとめです。
注意 warnings	Text	素材作成時の注意点です。問題がなければ空です。

Parameters

Name	Type	Default	Range	Description / Options
素材名 name	Text	NineSlice	—	9スライス素材に付ける名前です。
作り方 mode	Enum	ThreeParts	—	入力画像をどのパーツ順として読むかです。 3パーツ`ThreeParts` 角パーツ、辺パーツ、中央パーツの3つから作ります。足りない角や辺は反転・回転して作ります。 5パーツ`FiveParts` 5枚の画像を角、上辺、下辺、横辺、中央の順で使います。 9パーツ`NineParts` 9枚の画像を左上、上、右上、左、中央、右、左下、下、右下の順で使います。リスト順9パーツ`ListOrder` パーツ画像リストから9枚を左上、上、右上、左、中央、右、左下、下、右下の順で読みます。シート順9パーツ`SpriteSheetOrder` スプライトシートから9フレームを左上、上、右上、左、中央、右、左下、下、右下の順で読みます。
辺の伸ばし方 edge_mode	Enum	Repeat	—	この素材の標準の辺の伸ばし方です。くり返し`Repeat` 辺パーツをタイル状にくり返します。ドット絵の枠線向けです。引き伸ばし`Stretch` 辺パーツを出力サイズに合わせて引き伸ばします。
中央の伸ばし方 center_mode	Enum	Repeat	—	この素材の標準の中央の伸ばし方です。くり返し`Repeat` 中央パーツをタイル状にくり返します。引き伸ばし`Stretch` 中央パーツを出力サイズに合わせて引き伸ばします。透明`Transparent` 中央を塗らず透明のままにします。
余白左 padding_left	Int	0	0–512	中に文字などを置く時の左余白です。0なら左枠の幅を使います。
余白右 padding_right	Int	0	0–512	中に文字などを置く時の右余白です。0なら右枠の幅を使います。
余白上 padding_top	Int	0	0–512	中に文字などを置く時の上余白です。0なら上枠の高さを使います。
余白下 padding_bottom	Int	0	0–512	中に文字などを置く時の下余白です。0なら下枠の高さを使います。

Overview

Builds a resizable window asset (NineSlice) from small corner, edge, and center parts. It provides the foundation for batch-producing RPG message windows, UI panels, and button frames from small pixel-art parts.

Usage tips

The simplest starting point is ThreeParts: one corner, one edge, and one center create a symmetrical frame. Move to 5 or 9 parts when you need more elaborate designs.
The parts can be images generated inside the graph, enabling workflows that manage color variations for every frame part with one palette.
nine_slice_render performs the drawing. This node only defines the asset.

Related nodes

nine_slice_render — the rendering counterpart; usually used together
list_create — bundles the parts list
text_rasterize — creates text for the window; composite it with blend
Primary uses: RPG message windows, UI panels, button frames, speech-bubble frames, and similar elements
Dedicated output type: NineSlice

NineSlice is dedicated data for a nine-slice asset. In addition to images, it stores information such as left-border width, top-border height, whether the center repeats or stretches, and the inner area available for text.

What is nine-slice?

Nine-slice treats a window image as the following nine regions.

Top left	Top	Top right
Left	Center	Right
Bottom left	Bottom	Bottom right

Corners stay unchanged when the source cells already match. When part sizes differ, the packer repeat-fills them to the largest cell in the 3x3 grid and lists the affected parts in warnings.
Top, bottom, left, and right edges repeat horizontally or vertically, or stretch.
The center can repeat, stretch, or remain transparent.

This lets you create large text windows from small pixel-art assets.

Build methods

Value	Display name	Required inputs	Description
`ThreeParts`	3 parts	`corner`, `edge`, `center`	Builds from one corner, one edge, and one center, requiring few assets.
`FiveParts`	5 parts	`parts` or `spritesheet`	Builds from five images: corner, top edge, bottom edge, side edge, and center. The top and bottom can use different designs.
`NineParts`	9 parts	`parts` or `spritesheet`	Uses a separate image for every region, providing the most freedom.
`ListOrder`	9 parts in list order	`parts`	Uses the first nine images in `parts` in nine-slice order.
`SpriteSheetOrder`	9 parts in sheet order	`spritesheet`	Uses the first nine frames in the sprite sheet in nine-slice order.

Five-part order

Arrange parts or spritesheet in this order:

Corner
Top edge
Bottom edge
Side edge
Center

Nine-part order

Arrange parts or spritesheet in this order:

Top left
Top
Top right
Left
Center
Right
Bottom left
Bottom
Bottom right

Scale methods

Value	Display name	Description
`Repeat`	Repeat	Tiles the same part. Best for pixel-art borders.
`Stretch`	Stretch	Stretches the part to the requested size. Best for gradients and simple flat areas.
`Transparent`	Transparent	Leaves the center undrawn and transparent. Use it for a frame with a see-through center.

Transparent is available only for the center scaling method.

Basic usage

Prepare images for the corner, edge, and center parts.
Place NineSlice Pack.
Set the build method to 3 parts.
Connect images to corner, edge, and center.
Connect the nine_slice output to the nine_slice input of NineSlice Render.

Notes

This node creates the asset. Set the final window dimensions in NineSlice Render.
3 parts requires few assets, but use 9 parts when every edge and corner needs a separate design.
If both parts and spritesheet are connected, parts takes priority.
padding_* is limited to 0–512. Out-of-range promoted values are clamped and produce a parameter_clamped warning. Zero means “use the matching border width.”
summary and warnings use stable locale-independent diagnostics. parts_normalized_repeat reports size normalization and parts_truncated reports ignored extra inputs.

Input Ports

Output Ports