Interactive Dot Grid Demo
Click anywhere on the grid to create ripple animations
Quick Presets
Grid Configuration
Adjust the grid parameters in real-time
30
30
6
12
8
Performance Stats
FPS
0
Total Dots
900
Live Demo0 FPS
Click on the grid to create ripple effects
Tap on the grid to create animations
About This Demo
Canvas Rendering
High-performance canvas-based rendering with optimized draw calls for smooth animations even with large grids.
Concurrent Animations
Multiple ripple effects can run simultaneously with proper wave blending and edge fading.
Mobile Optimized
Responsive design with touch support and automatic grid scaling for optimal mobile performance.