Mandelbrot explorer · qwen3-coder
Output generated Cost / run $0.0028 Runtime 29.1s
Prompt for this run
Render the Mandelbrot set with a smooth color gradient on a full-screen canvas, with click-and-drag to pan and mouse-wheel to zoom.
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
METRICS
Transcript · 4 messages
Render the Mandelbrot set with a smooth color gradient on a full-screen canvas, with click-and-drag to pan and mouse-wheel to zoom.
I'll create a self-contained HTML file that renders the Mandelbrot set with smooth color gradients, panning, and zooming capabilities.
index.html (8434 bytes)Successfully wrote 8434 bytes to index.html
I've created a complete Mandelbrot set explorer in a single HTML file with the following features: 1. Full-screen canvas that resizes with the window 2. Smooth color gradient rendering using HSL color mapping 3. Click-and-drag panning functionality 4. Mouse wheel zooming with fixed-point zooming (zooms toward cursor position) 5. Automatic iteration count adjustment for better detail when zooming 6. Reset view by clicking anywhere 7. Responsive design that works on any screen size The implementation uses smooth coloring techniques to create beautiful gradient transitions and handles complex number calculations efficiently. The interface provides intuitive navigation with visual feedback (cursor changes during dragging). To use the explorer: - Drag to pan around the Mandelbrot set - Scroll to zoom in/out (zooms toward your cursor position) - Click anywhere to reset to the initial view - The view automatically adjusts detail level based on zoom The fractal is rendered using the classic Mandelbrot iteration algorithm with smooth coloring for beautiful gradients. The color scheme transitions from deep blues through purples to yellows as iteration counts increase.