Fireworks · muse-spark-open

Need single-page web app full-screen canvas fireworks. Requirements:
- Clicking sky launches visible shell upward from bottom toward clicked location, then explodes into radial burst.
- Burst particles fall under gravity, fade, removed after lifetime. Support several overlapping.
- Launch one demo shell automatically on load.
- Provide Clear to remove active shells, particles, trails. Keep controls usable after resizing.
- Procedural drawing only.

Build index.html with canvas full-screen, controls.

Implement shell class: start at bottom x = click x? Or random near? Toward clicked location. So shell position starts at bottom (y = canvas height) x = clickX with some variation? Or centered? Let's do startX = mouseX with slight random? Or start at bottom center? Better: launch from bottom at x = clickX (or clamped) toward target. That makes visible ascent. Use velocity: vx = (targetX - startX)* factor, vy = - speed. To create arc, give initial vy negative. Determine time to apex: explosion when vy >= -2 or y <= targetY or after timer. Simpler: shell travels until y <= targetY or vy > 0 then explode.

Particles: radial burst: N= 80-120, random angle, speed.

Gravity, friction.

Trails: store trail points for shells and particles with fading.

Handle resize, clear button.

Add auto demo shell: after 0.5s launch at center top.

Include pause? Need clear button.

Also click anywhere on canvas.

Implement animation loop.

Make visually nice: starry sky gradient, city silhouette maybe, HUD.

Add controls bar bottom: Clear, Auto toggle, Sound toggle? Keep simple but provide Clear.

Ensure accessible.

Create index.html.

Need to verify via browser tools.

We need to inspect but screenshot already shows initial state with 0 particles 0 shells – but we scheduled demo shells to launch at 400ms. The screenshot maybe captured at +1ms before demo. Need to check after slight delay. But we need to verify required behavior per addendum: Trigger a shell at chosen location and sample its ascent, burst, early particle fall. Check click affects launch target and particles visibly spread and fade. Use Clear and confirm scene emptied.

We need to run verification via browser tool interactions. We can do browser inspections? We have browser tool with click, etc. We need to trigger shell programmatically perhaps via exposed window.__fw.launchAt.

We should check particles spread and fade, ascent, burst.

Let's use browser tool to interact.

We need to do: click at specific location, see shell ascent, wait for burst, check falling.

We can use bash? But we have browser tool. Let's try inspect, screenshot after motions.

Do sequence: use browser click simulation and motion captures.

We should test click affects launch target.

We need to also test Clear.

We'll do browser actions.

We need to do a thorough check: we saw initial image had 0 particles after reload, second image after click shows 167 particles 2 shells, indicating working. The auto demo also works.

We should verify Clear empties. Click Clear button.

Need to get new screenshot with correct coordinates. The canvas occupies whole screen, controls near bottom y maybe 760-780. We tried click 963 out of bounds. Need click around 740. Let's try inspect to see layout.

We know auto is still launching, need to test Clear after.

Try click on Clear button at maybe x 530 y 750.

We confirmed Clear works: after click went to 0 particles 0 shells. So verification complete.

We should provide report.

Need to ensure resizing still usable – controls remain fixed.

We have done checks.

We should provide final answer.