@webloved: How I build with Claude 👇 Academy in bio 🔗 Those drifting particles and pulsing sound rings are a WebGL flow field. Here is the build: The particles do not move on random paths, they read a flow field, a Simplex noise field that tells each particle which way to drift, that is the trick behind motion that looks organic and alive instead of mechanical. Thousands of particles would kill the CPU, so the whole simulation runs on the GPU with a GPGPU pass, you store every particle position in a texture and update it on the graphics card, that is how it stays at 60fps even on a phone. The rings that ripple out react to sound, an audio-reactive shader reads the frequency data from the track and feeds it into the ring pulse, the visuals literally move with the audio. Selective bloom adds that glow on the case and the waves, only the bright parts blow out so it feels lit, not washed. Smooth scroll is Lenis, motion is GSAP, the scene is Three.js. Save this if you want audio reactive WebGL 🔊 #claude #buildinpublic #webdesign #webgl #fyp

weblove

Open In TikTok:

Region: PT

Monday 22 June 2026 17:38:36 GMT