我的收藏

还没有收藏的工具,点击工具页面的书签按钮添加收藏。

鼠标碰撞粒子

粒子网格,鼠标碰撞打散回弹聚合

移动鼠标推开粒子,点击产生冲击波
20
150px
8

About Mouse Interactive Particles

Mouse Interactive Particles is an interactive particles effect. Particle grid, mouse collision scatter and regroup Move your mouse to interact with thousands of particles in real-time. Each particle is individually simulated with physics-based motion for organic, ever-changing patterns. This effect runs directly in your browser using HTML5 Canvas, with no downloads or plugins required.

How to Interact

Move your mouse to interact with the particle system. Particles respond to cursor position with attraction, repulsion, or scattering effects. Click to trigger special particle behaviors and bursts.

Technical Details

Rendered on HTML5 Canvas with custom particle physics. Each particle is individually simulated with position, velocity, and lifecycle tracking. Uses an efficient requestAnimationFrame loop for smooth 60fps animation.

Use Cases

Perfect for visual backgrounds, creative coding inspiration, social media content creation, or as eye-catching animated elements for web design projects and digital art.