# Creative Code

Canonical page: https://fuser.studio/features/creative-code

Creative Code is Fuser’s AI creative coding node: describe a sketch or write JavaScript, run it live with p5.js, Three.js or HTML5 Canvas and wire it into your flow.

## AI creative coding on your canvas

_Creative Code_

Creative Code is Fuser’s AI creative coding node. Describe a sketch or write JavaScript, and it runs live with p5.js, Three.js or HTML5 Canvas: shaders, effects and interactive design tools wired into the rest of your flow.

[Start a sketch](https://app.fuser.studio/) · [Read the Creative Code guide](https://docs.fuser.studio/docs/creative-code)

## From Sketch to System

The Creative Code Node is a full creative coding environment, directly in your canvas. Describe what you want to build, view and edit the code, and highlight any line to see an explanation of how it works. A production tool and a learning environment, all in one.

###  

 

### Generative Designs

A whole new way to design. Build identity systems that generate  variations with each interaction. Create logos, type systems, and brand assets that move.

### Hands-on Learning in Canvas

A learning and production environment all in one. Highlight any line of code to get a clear explanation of how it works. Learn line by line at your own pace.

### Code in Motion

Bring in your own images, or use your webcam. Generate slit-scan manipulations, texture-driven brushes, and custom interactive visuals.

## Built in Libraries

Built on the languages that have inspired a generation of creatives. Three.js, p5.js, and HTML5 are all supported natively. Use the frameworks you already work in, or use the node as an entry point to learn them.

### Three.js

### p5.js

### HTML5

## A few things worth knowing

### What is AI creative coding?

Creative Code is Fuser's AI creative coding node. Describe a sketch in plain language or write JavaScript yourself, and it runs as a live, interactive visual on the canvas using p5.js, Three.js or HTML5 Canvas.

### How is Creative Code different from Apps?

Creative Code is for programmable visuals: animations, generative artwork, shaders and interactive design tools that live on the canvas and feed other nodes. [Apps](https://fuser.studio/features/apps) build working web tools and websites you publish for people to use.

### Can other nodes drive a sketch?

Yes. Declare attachments and the node gets input sockets for images, video, audio, 3D meshes or text from upstream nodes. Values you declare as parameters become sliders, color pickers and toggles you can tune without re-prompting.

### What can I do with a finished sketch?

Save a frame as an image or record up to two minutes of video, and either one lands on the canvas as a regular node. You can also publish a public embed link anyone can view, so keep client work unpublished. See [Saving and sharing](https://docs.fuser.studio/docs/creative-code/publishing-and-export).

## Give the idea some rules.

Describe a sketch, tune it by hand and wire it into the rest of your flow.

[Start a sketch](https://app.fuser.studio/) · [Read the Creative Code guide](https://docs.fuser.studio/docs/creative-code)