feat: building purchase particle burst effects (#57) #72

Timmy · 2026-04-12T07:23:34Z

Timmy commented

2026-04-12 07:23:34 +00:00

Summary

Adds lightweight DOM-based particle burst animations for visual feedback on building purchases and project completions.

Blue particles burst from the building button on purchase
Gold particles burst from the project button on completion
Pure CSS animation — no canvas, no dependencies
~39 lines added across 3 files

Changes

index.html — .particle CSS class + particle-fly keyframe animation
js/utils.js — spawnParticles(x, y, color, count) utility function
js/engine.js — Hooks into buyBuilding() and buyProject() for particle triggers

Refs

Epic #57 — Night of Polish, Task 1 (Visual Identity Pass)

Testing

index.html loads without errors
JS parses cleanly (no syntax errors)
Particle CSS class and keyframes present
spawnParticles defined and called correctly

## Summary Adds lightweight DOM-based particle burst animations for visual feedback on building purchases and project completions. - **Blue particles** burst from the building button on purchase - **Gold particles** burst from the project button on completion - Pure CSS animation — no canvas, no dependencies - ~39 lines added across 3 files ## Changes - `index.html` — `.particle` CSS class + `particle-fly` keyframe animation - `js/utils.js` — `spawnParticles(x, y, color, count)` utility function - `js/engine.js` — Hooks into `buyBuilding()` and `buyProject()` for particle triggers ## Refs Epic #57 — Night of Polish, Task 1 (Visual Identity Pass) ## Testing - [x] `index.html` loads without errors - [x] JS parses cleanly (no syntax errors) - [x] Particle CSS class and keyframes present - [x] `spawnParticles` defined and called correctly

Timmy added 1 commit 2026-04-12 07:23:35 +00:00

feat: building purchase particle burst effects (#57 )

Accessibility Checks / a11y-audit (pull_request) Failing after 2s

Details

Smoke Test / smoke (pull_request) Failing after 4s

Details

fc2134f45a

Adds DOM-based particle burst animations when buying buildings and
completing research projects. Blue particles for buildings, gold for
projects. Lightweight CSS animation with no external dependencies.

Refs #57 — Night of Polish, Task 1 (Visual Identity)

allegro was assigned by Rockachopa

2026-04-12 08:13:24 +00:00

Timmy merged commit 019400f18c into main

2026-04-12 08:37:18 +00:00

Timmy referenced this issue from a commit

2026-04-12 08:37:19 +00:00

Merge PR #72

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: Timmy_Foundation/the-beacon#72