Lorenz attractor · kat-coder-pro-v2
Using the pre-provided three.min.js (global THREE), visualize the Lorenz attractor as a glowing 3D butterfly trajectory that draws over time, with orbit-drag camera controls.
transcript · 4 messages
Using the pre-provided three.min.js (global THREE), visualize the Lorenz attractor as a glowing 3D butterfly trajectory that draws over time, with orbit-drag camera controls.
I'll create a stunning Lorenz attractor visualization with Three.js. Let me build a single HTML file with everything inline.
/workspace/index.html (19206 bytes)Successfully wrote 19206 bytes to /workspace/index.html
Done! I've created a single-page web app that visualizes the Lorenz attractor as a glowing 3D butterfly trajectory. The app features: **Visual Elements:** - Glowing particle trail that draws over time using custom shaders - Color gradient from blue to cyan to white based on distance from origin - Bright point light following the current position - Atmospheric fog effect for depth **Interactive Controls:** - **Orbit controls**: Left-click drag to rotate, scroll to zoom, right-click drag to pan - **Speed slider**: Control how fast the trajectory draws - **Glow intensity**: Adjust the brightness of the particles - **Trail length**: Set how many points are stored (100-5000) - **Reset button**: Restart with a random initial point - **Pause/Resume**: Stop and continue the animation **Technical Details:** - Uses Three.js with custom vertex/fragment shaders for glowing points - Additive blending for the ethereal glow effect - Efficient buffer geometry updates - FPS counter in top-right corner - Responsive design that adapts to window size The Lorenz equations use the classic parameters (σ=10, ρ=28, β=8/3) to generate the famous butterfly-shaped attractor. The trajectory evolves over time, creating an ever-changing 3D pattern that never repeats exactly. Open `index.html` in a browser to see the mesmerizing butterfly trajectory unfold!
TAKE IT TO CODE
A single self-contained HTML file — copy it and open in any browser, or reuse the prompt with your own pi-agent run.
RUN
EVALUATION
Glowing Lorenz attractor draws over time; wheel zoom and drag rotate work well, keyboard has minimal effect.
Vision grade · anthropic/claude-sonnet-5
MEASUREMENTS
Raw readings from the capture, not a verdict — the grade above is the only judgement. Percentages are how much of the screen changed; the measure under-reports sparse motion on a dark background.