×

SVG → WebGL Particle Scene

A client commissioned the conversion of a brand SVG logo into a fully interactive Three.js / WebGL experience.

• SVG rasterised at 2 048 px and rejection-sampled into 50 000+ particle coordinates
• GPU particle simulation via GPGPUComputationRenderer — position & velocity solved entirely on the GPU
• Three distinct inflow groups: helix sweep, top drop, bottom rise
• Mouse swirl & wind turbulence driven by simplex noise shaders
• Real-time tweak panel (lil-gui): physics, trails, colours, performance auto-downgrade