ParticleFx
Optimized for Canvas

Image to Particles

Decode picture data arrays and map pixel channels to dynamic interactive vectors.

Learn the math of pixel density offsets, step controls, and layout scaling. Create particle clouds out of logos, symbols, or images.

Open Interactive PlaygroundRead Full API Docs
Interactive Canvas Preview (Hover Me)
terminal
1npm install package-particlefx --save

Why use ImageParticles for Canvas canvas animations?

Smart Matrix Parsing

Parses grid steps efficiently by sampling pixel channels, dropping overall memory loads by up to 60%.

Dynamic Easing Physics

Particles return smoothly to their baseline coordinates after mouse interactions using ease-out equations.

Custom Shapes rendering

Supports rendering points as circles, squares, custom dimensions, or custom texture sprites.

Frequently Asked Questions (FAQ)