Synthwave sunset · qwen3-coder
Output generated Cost / run $0.0025 Runtime 57.4s
Prompt for this run
Create an animated synthwave sunset: a glowing gradient sun with scanlines setting over an infinite neon grid that scrolls toward the viewer, with a starfield and a reflected horizon.
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
Create an animated synthwave sunset: a glowing gradient sun with scanlines setting over an infinite neon grid that scrolls toward the viewer, with a starfield and a reflected horizon.
I'll create a self-contained synthwave sunset animation with all the requested elements. Here's the complete solution in a single HTML file:
index.html (6248 bytes)Successfully wrote 6248 bytes to index.html
I've created a complete synthwave sunset animation with all the requested elements: 1. **Glowing Gradient Sun** - A pulsating radial gradient sun with pink/purple colors and glowing effects 2. **Scanlines** - Animated CRT-style scanlines that move slowly down the screen 3. **Neon Grid** - A scrolling grid of cyan lines that moves toward the viewer 4. **Starfield** - Twinkling stars with randomized positions and animation timings 5. **Reflected Horizon** - A glowing horizontal line that represents the horizon reflection 6. **Background Buildings** - Additional synthwave elements with glowing effects The animation includes: - Smooth color gradients from deep blues to purples to pinks - Pulsing sun effect - Continuously scrolling grid pattern - Twinkling stars with randomized animation - Scanlines that move vertically - Glowing building silhouettes at the horizon All code is contained in a single HTML file with inline CSS and JavaScript - no external resources or network requests. The scene is fully responsive and will adapt to any screen size. To view the animation, simply open the index.html file in any modern web browser.