Flow-field particles · qwen3-vl-8b-instruct
Output generated Cost / run $0.0013 Runtime 20.2s
Prompt for this run
Using the pre-provided p5.min.js (global p5, instance or global mode), create a full-screen flow-field particle animation: thousands of particles advected by Perlin-noise vectors, leaving fading trails, with colors shifting over time.
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
Using the pre-provided p5.min.js (global p5, instance or global mode), create a full-screen flow-field particle animation: thousands of particles advected by Perlin-noise vectors, leaving fading trails, with colors shifting over time.
I'll create a full-screen flow-field particle animation using p5.js with Perlin noise vectors, fading trails, and shifting colors. Let me write this as a single HTML file with embedded CSS and JavaScript.
index.html (5131 bytes)Successfully wrote 5131 bytes to index.html
I've created a full-screen flow-field particle animation using p5.js with Perlin noise vectors, fading trails, and shifting colors. The animation features: 1. Thousands of particles advected by Perlin-noise vectors 2. Fading trails that leave behind particle paths 3. Colors that shift over time (HSB color mode) 4. Particles wrap around the edges of the canvas 5. Responsive design that adapts to window resizing The code is self-contained in a single HTML file with embedded CSS and JavaScript, and it uses the pre-provided p5.min.js library. You can now open the index.html file in any modern web browser to see the animation. The particles will move according to the Perlin noise field, leaving fading trails while their colors shift continuously over time. Note: For best performance, you may want to adjust the number of particles or trail length depending on your system's capabilities.