All MicroEvals
Animated Fractal with Three.js
Create MicroEval
Header image for Animated Fractal with Three.js

Animated Fractal with Three.js

This microeval asks the LLM to produce a single HTML code block with optional CSS JavaScript and GLSL that renders a full screen Julia set shader animation with smooth color transitions from golden yellow through orange magenta purple to deep indigo, continuously morphs via a rotating complex constant, supports click and drag panning mouse wheel or pinch zoom and a space bar toggle for play and pause, and relies solely on Three.js loaded from a CDN.

Prompt

Create a Three.js animation that renders a morphing Julia-set fractal shader on full-screen. Compute many iterations in the fragment shader and apply smooth colors that transition from golden yellow through orange, magenta, and purple to deep indigo. Rotate the complex constant at a steady, moderate pace. Provide built-in click-and-drag panning and mouse-wheel (or pinch) zooming, and bind the space bar to toggle play and pause. Build it exclusively with Three.js—no other libraries or assets.

A system prompt was added to support web rendering

Drag to resize
SpaceXAI logoSpaceXAI
Grok 4
Drag to resize
OpenAI logoOpenAI
GPT-4.1
Drag to resize
Drag to resize
Drag to resize
Drag to resize
Drag to resize
OpenAI logoOpenAI
o3
Drag to resize
Drag to resize
Drag to resize
Drag to resize