Return to Lab Index
Click Spark Particle Engine
Physics & DynamicsHigh-performance procedural radial spark emitter
PUBLISHED·Canvas 2D GPU
INITIALIZING SHADER BUFFERS...
INTERACTIVE CONTROLS
- ▸Click or tap anywhere on the canvas or interactive target to ignite radial sparks
- ▸Configure spark color, size, radius, count, and duration in real time
PERFORMANCE PROFILE
Microsecond timestamp interpolation, vector pooling, 60fps
Mobile Support: Fully Responsive
ARCHITECTURAL NOTES
- ✓Procedural radial velocity vectors computed via trigonometry Math.cos/sin distribution
- ✓Dynamic easing curves (linear, ease-in, ease-in-out, ease-out) for realistic deceleration
- ✓Decoupled ResizeObserver loop with debounce protection for zero layout thrashing
- ✓Pointer-events transparent overlay for seamless UX wrapping over any interactive DOM elements
