Garden Anomaly, WebGPU Magic
As an expert curator, I recommend this tiny WebGPU and TSL experiment without hesitation. Frank Reitberger blends physics, glass deformation, and procedural sound into a playful, surprising interactive scene. The demo uses WebGPURenderer, custom TSL nodes, and Position Based Dynamics to create charming, believable motion. It also generates all audio procedurally, mapping impact energy to pentatonic tones that always sound pleasant together. Designers will appreciate its transparent materials, impact bulges, and instanced bubbles with realistic interactions. Developers can learn from its TSL positionNode, normal perturbation, and emissive canvas driven effects. The code is playful and educational.
Interactive visitors will be drawn in instantly by the floating glass garden, vivid lighting, and subtle physics. Pointer flings stir bubbles, collisions create bulges, and only meaningful impacts trigger rich procedural notes. Audio design uses stacked sines, flanger textures, and dynamic compression to keep dense moments clear. The project also showcases practical solutions, like a rate limiter and deferred AudioContext resume. If you care about modern rendering workflows, this experiment distills cutting edge tools into a truly joyful, approachable demo. Read it for inspiration, and save careful notes for your next shader or sound experiment.
Source: tympanus.net
