Search the archive.
Find published work and reporting by title, description, article text or tag.
Refine results
Also searching for Music, because “beat-box” is another name for it.
12 results for “beat-box”.
Recycled Records: A WebGL Beat Machine Built on Bottle Plant Samples
Coca-Cola's Recycled Records turns factory noise into rhythm. Sequence 16 bars using sounds from an actual recycling plant, watch WebGL particles pulse to your beat, and export video straight from the browser. Built with Tone.js and shipped in five weeks.
Ranked results
- Showcase
Penderecki's Garden: A Point-Cloud Memorial Built Using Photogrammetry
Huncwot turned billions of drone-captured particles into a navigable WebGL garden for composer Krzysztof Penderecki. Custom GLSL shaders breathe with the music. Fully keyboard-accessible. One of the most ambitious Three.js projects we've seen.
- Showcase
Still Night: Play Van Gogh's Starry Night as a WebGL Instrument
Van Gogh's Starry Night, rebuilt as a point cloud you can play. Touch a bright swirl and it answers high; the dark hills drop low. Brushstrokes drift along Van Gogh's own paths, and five regions form a Tone.js orchestra. You play the painting to make the music.
- Showcase
Molazone: A Rotating World Built Like a Vinyl Record for Yamê's Album
Studio 9P built Yamê's album site on a spinning disc in Three.js. The motorcycle stays still while Blender environments rotate underneath, cell-shaded to look like Moebius comic panels. There's even a mini-game hidden inside.
- Showcase
A Portfolio You Walk Through: Hot Dogtor's WebGPU Building
Paulo Pinho built his portfolio as a 3D building you wander room by room, scored by his own music. Runs on three.js WebGPU, falls back to WebGL, and ships a Basic version for everyone else. One site, three fidelity tiers, no pretending everyone's on a 4090.
- Showcase
Piña-tap: A Disco Star Pulses Over Grass in This Audio-Reactive WebGL Scene
A mirrored star hangs from a chain above a grassy field, pulsing to music in real time. Beaucoup Studio's WebGL experiment lets you pick colors and songs. Every track shares one word: beaucoup. Surreal, smooth, and surprisingly hypnotic.
- Showcase
ASTRODITHER Turns Audio Into WebGPU Signal Noise
Robert Borghesi’s ASTRODITHER is an audio-reactive Three.js WebGPU experiment using TSL, fluid simulation, bloom, dithering, and time-warped signal noise.
- Showcase
Find Your Way to Oz: The 2013 Chrome Experiment
UNIT9 built a full Kansas carnival in WebGL for Disney, then destroyed it with a tornado shader borrowed from neuroscience. No physics engine. No framework. Just clever faking, spatial audio, and a three-month deadline. The source is open.
- Showcase
Ponpon Mania: A WebGL Comic Where a Sheep Dreams of Becoming a DJ
An interactive webcomic built in WebGL where every panel breathes. Custom shaders blend scene transitions, GSAP drives scroll-triggered animation, and the whole thing stays faithful to its hand-drawn roots. It's about a sheep who wants to DJ. Obviously.
- Showcase
Messenger
Messenger is a beautifully crafted WebGL delivery game. Set on a tiny cel-shaded planet, it runs flawlessly across browsers. Explore the charming world, complete deliveries, and discover hidden surprises.
- Showcase
Tendrils: Emergent WebGL Particle Visuals
Tendrils is a WebGL demo by Eoghan O’Keeffe that turns particles into living, fluid forms. Driven by GPU shaders and user input (audio, webcam, touch), it’s both interactive art and a tech deep-dive.
- Showcase
The Monolith Project
The Monolith Project is a cinematic WebGL journey built with React Three Fiber. It weaves together modular shaders, layered particle systems, and a custom deferred renderer into a scroll-driven story that flows like a film. Every effect is modular. Every transition feels intentional.
