Opening workflow…
Motion & 3D · Intermediate
Build a living particle universe
Make Nebula: 10,000 luminous particles that transform from a spiral galaxy into a breathing orb. Steer the view, switch the atmosphere, freeze a moment, and export it as artwork. Includes the live result, complete source, and four runnable checkpoints.
- 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.
CodexHTML / CSS / JavaScriptHyperFrames
Codex
GPT-6 Astra · gpt-6-astra · xhigh reasoning
AI authoring; an AI account is optional when using the included sourceHTML / CSS / JavaScript
Browser-native Canvas 2D
No paid runtime servicesHyperFrames
0.8.27
Animated preview rendererOriginal Canvas 2D, HTML, CSS and JavaScript authored in Codex with GPT-6 Astra (model ID: gpt-6-astra; reasoning: xhigh) on September 4, 2026. The task records provide the model ID, not a dated snapshot. Preview rendered with HyperFrames 0.8.27. Uses 3D coordinate projection, Pointer Events, ResizeObserver and canvas.toBlob. Complete offline source is included.
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.
- 01Give particles a place in spaceIncluded free
- 02Turn the points into lightIncluded free
- 03Make the universe respondIncluded free
- 04Capture a moment and make it yoursIncluded free