component
ParticleImage
By Oleksandr Demydov
Details
- Oleksandr DemydovAuthor
- componentType
- 2026-06-17Published
- 2026-08-26Updated
- 2026-06-17Added
- BackgroundsCategories
Summary
Turn any image into a living parti
Description
Particles Image transforms any photo into a WebGL particle simulation where thousands of points swarm, drift, and reform — each one sampled directly from your image colors. What it does Spawns up to 600,000 particles on the GPU via Transform Feedback — no CPU work per frame Each particle inherits the color of its position in the source image On load, particles fade in first, then the full image materializes beneath them Cursor pushes particles aside as you move; they flow back when you leave Controls — all live, no reload Particles — count, size, softness, opacity, lifespan Motion — speed, noise force & scale, damping Mouse — on/off, force, radius, smoothing In the editor Displays a static preview of your image — no canvas overhead on the design canvas. Setup Drop it on the canvas, pick an image, done. Adjust background color and whether the full image shows behind the particles.
Introduction
Turn any image into a living parti
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #3682