Particle Field

Shows an image re-drawn as GPU particles: a GLSL shader samples the texture into a grid of distance-field dots that are pulled by mouse 'gravity'. Three.js + React Three Fiber, optionally audio-reactive via the Web Audio API.

Click to change the sample image
source
dotStyle
mouse
density
0.40
particleSize
0.70
color
influence
0.40
distortion
0.60
damping
0.50
audio