Fireworks · gemini-3.1-flash-lite-preview

Output generated Cost / run $0.0038 Runtime 9.8s

Prompt for this run

Create a fireworks display on a full-screen canvas where clicks launch shells that explode into gravity-affected, fading particle bursts.

⛨ 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

modelgemini-3.1-flash-lite-preview

vendorGoogle

harnesspi-agent

generated2026-07-22

METRICS

runtime9.8s

tokens in4.5k

tokens out1.8k

cached0

cost / run$0.0038

Transcript · 4 messages

user

Create a fireworks display on a full-screen canvas where clicks launch shells that explode into gravity-affected, fading particle bursts.

assistant

thinking

**Designing a Fireworks Display**

I'm now focused on the foundational elements for the fireworks. I aim to build a single-page web app with a full-screen canvas. Clicking will launch the fireworks, and I plan to make the shells explode with gravity-affected, fading particles, all while adhering to the constraint of a single file, without external resources. I've got a framework in mind, and I'm keen to start testing the animation mechanics.


**Defining Core Elements**

I've outlined the HTML, CSS, and JS components to bring the fireworks to life. The JS will orchestrate canvas resizing and click events to determine shell launches, and the animation loop, managing shells and particles. Key classes for Shells and Particles are defined; the Particle class covers attributes like position, velocity, color, and lifespan to simulate explosions. The Shell class will trigger particle creation upon reaching its apex.

→ write index.html (3897 bytes)

toolResult

Successfully wrote 3897 bytes to index.html

assistant

The fireworks display is now ready in `index.html`. You can open this file in any modern web browser to view the interactive fireworks. Clicking anywhere on the screen will launch a projectile that explodes into gravity-affected, fading particles.