Bouncing Band turns any space into a musical instrument. Just use objects and characters from the random orchestra to create music and beats, or just fill the room with chaotic noise.
The experiment runs from a regular website in your browser, without requiring additional downloads or applications to install. Just browse to the project page https://bouncing.band from a device that supports WebXR (Chrome Android 81+).
The application lets you drop different sound characters in the surrounding space. Once in the scene, characters will start bouncing off the floors, tables and all the detected surfaces, making sounds as they interact with the environment.
Bouncing Band was built using ThreeJS, starting from the WebXR examples. Under the hood it makes use of the WebXR device APIs, of which you can find more information here.
The size of the web application is around 15mb, which is significant for a website but not so much for an AR app considering sounds, images and 3d files. It can be further reduced, as it was not optimised for space.
Bouncing Band performs well up to around 600 bouncing characters, on a Google Pixel 3.
yarn install && yarn start
Https is required by WebXR, you can use ngrok for https on local dev, there's a handy yarn grok
command, if you have it installed.
A WebXR experiment by oio, a creative company on a quest to turn emerging technology into an accessible, everyday and sustainable reality.
📐 Design and Development
🔉 Sounds
- Undo by ConarB13
- Explosion by Partners in Rhyme
- Ping pong ball by Michorvath
- Hot-dog squash by oio
- Quack by oio
- Hammer kick by oio
🏓 3D
- Vegan hot dog by Google Poly
- Rubber duck by Google Poly
- Paddle by Matteo Loglio
- Moka (Coffee Pot) by Google Poly
- Hammer by Google Poly remixed by Matteo Loglio
- Broccoli by Google Poly remixed by Matteo Loglio
- Laser gun by Damon Pidhajecky