oneshotlm
Compare all models on this prompt →

Flow-field particles · glm-5

Output generated Cost / run $0.0045 Runtime 40.6s

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.

⛨ sandboxed Open in new tab ↗

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

modelglm-5
vendorZ.ai · GLM
harnesspi-agent
generated2026-07-22

METRICS

runtime40.6s
tokens in4.6k
tokens out1.7k
cached3.0k
cost / run$0.0045
Transcript · 4 messages
user

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.

assistant
thinking
The user wants me to create a full-screen flow-field particle animation using p5.js. The requirements are:
1. Thousands of particles
2. Advected by Perlin-noise vectors (flow field)
3. Fading trails
4. Colors shifting over time
5. Must be self-contained in index.html
6. Use the pre-provided p5.min.js

Let me create a beautiful flow field visualization with these features.
→ write /workspace/index.html (6246 bytes)
toolResult

Successfully wrote 6246 bytes to /workspace/index.html

assistant
thinking
I've created the flow field particle animation. Let me verify the file was written correctly.

Created `/workspace/index.html` with a full-screen flow-field particle animation featuring: **Key Features:** - **3000 particles** advected through a Perlin noise-based vector field - **Fading trails** via semi-transparent black overlay each frame - **Dynamic colors** shifting over time using HSB color mode with hue mapped to flow angle + global offset - **3D Perlin noise** (x, y, z) for smooth temporal evolution of the flow field - **Particle wrapping** at edges for seamless infinite canvas effect **Interactions:** - **Click** - burst of particles spawns at cursor position - **Press 'R'** - reset all particles - **Window resize** - automatically adapts to new dimensions The flow field is computed on a grid using Perlin noise, creating organic swirling patterns. Particles follow the field vectors while leaving luminous fading trails, with colors smoothly cycling through the spectrum as the noise evolves.