Opening workflow…
Websites · Intermediate
Sculpt a liquid-metal form
Ray-march a moving metallic sculpture, then change its material and save a frame. The studio reflections and shape come entirely from a small WebGL shader.
- 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.
CodexWebGL / GLSLHyperFrames
Codex
GPT-6 Astra · gpt-6-astra · xhigh reasoning
AI authoring; use the included source without a paid AI accountWebGL / GLSL
WebGL 1.0 · GLSL ES 1.00
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. WebGL 1.0 / GLSL ES 1.00; 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