Pixel Canvas

Draw pixel art directly in the editor

intermediate
Since P00

Input Ports

Reference

Reference input for Pixel Canvas.

Image
Palette

Palette input for Pixel Canvas.

Palette

Output Ports

Image

Image output from Pixel Canvas.

Image
SpriteSheet

Sprite Sheet output from Pixel Canvas.

SpriteSheet
Frame Count

Frame Count output from Pixel Canvas.

Int
FPS

FPS output from Pixel Canvas.

Int
Columns

Columns output from Pixel Canvas.

Int
Rows

Rows output from Pixel Canvas.

Int
Frame Width

Frame Width output from Pixel Canvas.

Int
Frame Height

Frame Height output from Pixel Canvas.

Int
Fill Order

Fill Order output from Pixel Canvas.

Text
Palette

Palette output from Pixel Canvas.

Palette

Parameters

NameTypeDefaultDescription
WidthInt32canvaswidth
HeightInt32canvasheight
ParameterCustomDataControls the parameter setting for Pixel Canvas.

Overview

Draw pixel art directly in the editor

Inputs and Outputs

Input Ports

  • Reference Image: Reference input for Pixel Canvas.
  • Palette Palette: Palette input for Pixel Canvas.

Output Ports

  • Image Image: Image output from Pixel Canvas.
  • SpriteSheet SpriteSheet: Sprite Sheet output from Pixel Canvas.
  • Frame Count Int: Frame Count output from Pixel Canvas.
  • FPS Int: FPS output from Pixel Canvas.
  • Columns Int: Columns output from Pixel Canvas.
  • Rows Int: Rows output from Pixel Canvas.
  • Frame Width Int: Frame Width output from Pixel Canvas.
  • Frame Height Int: Frame Height output from Pixel Canvas.
  • Fill Order Text: Fill Order output from Pixel Canvas.
  • Palette Palette: Palette output from Pixel Canvas.

Key Parameters

NameTypeDefaultDescription
WidthInt32canvaswidth
HeightInt32canvasheight
ParameterCustomDataControls the parameter setting for Pixel Canvas.

Tips

  • Preview the result and adjust the Pixel Canvas settings as needed.
  • Preview the result and adjust the Pixel Canvas settings as needed.
  • Preview the result and adjust the Pixel Canvas settings as needed.
  • Preview the result and adjust the Pixel Canvas settings as needed.
  • Preview the result and adjust the Pixel Canvas settings as needed.
  • Preview the result and adjust the Pixel Canvas settings as needed.
  • `document.palette`
  • Preview the result and adjust the Pixel Canvas settings as needed.
  • Preview the result and adjust the Pixel Canvas settings as needed.
  • Preview the result and adjust the Pixel Canvas settings as needed.
  • Preview the result and adjust the Pixel Canvas settings as needed.
  • Preview the result and adjust the Pixel Canvas settings as needed.
  • Preview the result and adjust the Pixel Canvas settings as needed.
  • Preview the result and adjust the Pixel Canvas settings as needed.

When to Use

Use Pixel Canvas when you need this operation to remain explicit, reusable, and easy to tune inside a PixPipeline node graph.

Notes

Connect compatible data types and preview the result while tuning this node. Parameter names and port names follow the PixPipeline UI.

💡 Tips

  • Preview the result and adjust the Pixel Canvas settings as needed.
  • Preview the result and adjust the Pixel Canvas settings as needed.
  • Preview the result and adjust the Pixel Canvas settings as needed.
  • Preview the result and adjust the Pixel Canvas settings as needed.
  • Preview the result and adjust the Pixel Canvas settings as needed.
  • Preview the result and adjust the Pixel Canvas settings as needed.
  • `document.palette`
  • Preview the result and adjust the Pixel Canvas settings as needed.
  • Preview the result and adjust the Pixel Canvas settings as needed.
  • Preview the result and adjust the Pixel Canvas settings as needed.
  • Preview the result and adjust the Pixel Canvas settings as needed.
  • Preview the result and adjust the Pixel Canvas settings as needed.
  • Preview the result and adjust the Pixel Canvas settings as needed.
  • Preview the result and adjust the Pixel Canvas settings as needed.