Fireworks Show

Read full text
Authors: Kolesnikova, Yuliya
Cited by: 0

Abstract

πŸŽ† Fireworks Show An interactive canvas-based fireworks simulation with stunning particle effects, 10 explosion patterns, immersive sound design, and fully customizable settings. Optimized for smooth performance on 120Hz displays. Click anywhere to launch beautiful fireworks into the night sky! ✨ Features 🎨 Visual Effects Realistic Physics - Particles with gravity, friction, and velocity simulation Frame-Rate Independent Motion - Delta-time physics ensures identical speed on 60Hz, 120Hz, or any refresh rate Glowing Particles - Beautiful additive-blend glow effects with shadow blur Silky Particle Trails - Dynamic multi-point trails following each particle Radial Screen Flash - Soft, atmospheric bloom centered on each explosion City Skyline - Atmospheric silhouette with illuminated windows Starry Background - 160 organically twinkling stars with randomized pulse timing πŸ’₯ Explosion Patterns Pattern Description πŸ”΅ Circle Classic spherical explosion ❀️ Heart Romantic heart-shaped burst ⭐ Star Five-pointed star pattern πŸ’ Ring Double concentric rings 🎯 Double Two-color layered explosion 🌿 Willow Drooping, long-hanging cascade 🌸 Chrysanthemum Multi-layered spherical bloom 🌴 Palm Rising fronds like a palm tree πŸŒ€ Spiral Rotating spiral trajectory 🎲 Random Randomly selected pattern each launch 🎨 Color Schemes 🌈 Rainbow (default) πŸ”΄ Red πŸ”΅ Blue 🟒 Green 🟑 Gold 🟣 Purple 🩷 Pastel πŸ”₯ Fire ❄️ Ice βšͺ White πŸ”Š Audio & Effects Launch Whistle - Procedurally generated rising tone (Web Audio API) Explosion Boom - Filtered noise burst for each detonation Screen Flash - Toggleable radial light bloom Glitter Trails - Optional sparkling secondary particles πŸ’Ύ Persistent State All settings preserved in localStorage Debounced saving for smooth slider interaction Settings restored automatically on return ⚑ Performance 120Hz optimized with clamped delta-time stepping Opaque canvas context for faster compositing Swap-remove particle management (zero-allocation cleanup) Auto-pause rendering when the browser tab is hidden

Publication details

Journal / source
Zenodo (CERN European Organization for Nuclear Research)
Publication date
21 August 2026