Opening workflow…
Art & design · Intermediate
Paint with a living flow field
Turn hundreds of mathematical paths into flowing ink. Change the density and color treatment, scrub the motion, and export a frame of your own.
- Steps
- 4
- Time estimate
- 24 min
- Source
- Included
Move your pointer or use the arrow keys to control the artwork. Move away or press Escape to return to automatic motion.The exact result, requirements, and steps.
Learn how this result was made, one step at a time. The workflow includes the tools, code, and an in-browser workspace for following along.
CodexCanvas 2DHyperFrames
Codex
GPT-6 Astra · gpt-6-astra · xhigh reasoning
AI authoring; use the included source without a paid AI accountCanvas 2D
Browser Canvas 2D API · HTML / CSS / JavaScript
No paid runtime APIsHyperFrames
0.8.27
Local video renderingAuthored in Codex with GPT-6 Astra (model ID gpt-6-astra, xhigh reasoning), September 4, 2026. Canvas 2D; HyperFrames 0.8.27. The recorded model identifier has no dated snapshot. This is procedural artwork rendered from code, not text-to-video model footage.
Interactive browser artwork authored with AI. Move your pointer over the live preview to explore it; the included video is rendered from the same project.
EXECUTION STEPS
ABOUT 24 MIN4 steps from input to result.
- 01Build the visual foundationIncluded free
- 02Add the surface and movementIncluded free
- 03Inspect, pause, and make a variationIncluded free
- 04Export the frame and render the videoIncluded free