Opening workflow…
Move your pointer or use the arrow keys to control the artwork. Move away or press Escape to return to automatic motion.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.
Before you start
No extra cost- You’ll need
CodexOptional helper- HTML, CSS & JavaScriptBrowser-native Canvas 2D
HyperFrames0.8.27
- What it uses
- Nothing to buy · runs in your browserHand each of the 4 steps to your assistant if you like, or build it yourself.
- The tutorial
- Free with an account · 4 steps
Tutorial outline
4 steps, in order. Open the tutorial for the instructions, prompts, settings and checks.
Give particles a place in space
Turn the points into light
Make the universe respond
Capture a moment and make it yours
Exactly what the creator used
- Codex
- GPT-6 Astra · gpt-6-astra · xhigh reasoning · AI authoring; an AI account is optional when using the included source
- HTML / CSS / JavaScript
- Browser-native Canvas 2D · No paid runtime services
- HyperFrames
- 0.8.27 · Animated preview renderer
Original 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.