Creative Code
Programmable sketches that live on the canvas alongside every other node.
Creative Code is a node on the canvas where you describe a sketch in natural language or write JavaScript directly, and Fuser runs it as a live, interactive visual right there in your flow. Reach for it when you want interactive or moving visuals — animations, generative artwork, particle systems, data-driven graphics, things that respond to the mouse or to input from another node. If you've heard of p5.js or Three.js, Creative Code wraps both of them along with raw HTML5 Canvas.
The same node has two ways in:
- prompt mode — describe what you want; an LLM streams the sketch into the editor.
- code mode — open the editor and write or edit JavaScript directly.
You'll bounce between them. Most sessions start with a prompt to scaffold the idea, drop into code mode to tighten behavior, and back to prompt mode for the next big move. Both modes produce the same artifact: a running sketch on the canvas, recordable, publishable, and connected to the rest of your flow.
When to reach for Creative Code
Pick Creative Code when the output should react to something (mouse, time, an input value), should animate, or should be made from rules and code rather than a single AI inference. Pick a regular generation node (Flux, Veo, etc.) when you want a one-shot still image or video from a prompt — Creative Code isn't a faster way to generate AI images, it's a different surface for things AI generators don't do well.
What it produces
A running sketch is a live node like any other. You can:
- Save a frame as a Photo, or record up to two minutes as a Video — both become regular Image or Video nodes downstream.
- Publish the current version to a public
/embed/cc/:idURL anyone can drop in an iframe. - Wire
@fuser-paramsto upstream nodes so other parts of your flow drive the sketch.
See Saving and sharing for the full export and embed story.
What's Next?
Prompting and chat
Drive the node from natural language. Prompt panel, chat history, model picker.
Editing code by hand
The Creative Code editor — opening it, line-diff highlights, Explain this line.
Parameters and inputs
Declare tunable parameters and pull image, video, audio, and mesh data from upstream nodes.
How sketches run
Supported libraries, the lifecycle, and what's blocked.
Saving and sharing
Capture stills, record video, save versions, and publish public embeds.