Pixel Canvas
Draw pixel art directly in the editor
intermediate
Since P00
Input Ports
Reference
Reference input for Pixel Canvas.
Palette
Palette input for Pixel Canvas.
Output Ports
Image
Image output from Pixel Canvas.
SpriteSheet
Sprite Sheet output from Pixel Canvas.
Frame Count
Frame Count output from Pixel Canvas.
FPS
FPS output from Pixel Canvas.
Columns
Columns output from Pixel Canvas.
Rows
Rows output from Pixel Canvas.
Frame Width
Frame Width output from Pixel Canvas.
Frame Height
Frame Height output from Pixel Canvas.
Fill Order
Fill Order output from Pixel Canvas.
Palette
Palette output from Pixel Canvas.
Parameters
| Name | Type | Default | Description |
|---|---|---|---|
| Width | Int | 32 | canvaswidth |
| Height | Int | 32 | canvasheight |
| Parameter | CustomData | Controls 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
| Name | Type | Default | Description |
|---|---|---|---|
| Width | Int | 32 | canvaswidth |
| Height | Int | 32 | canvasheight |
| Parameter | CustomData | Controls 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.