CubicVR 3D Engine WebGL BeatDetektor Visualizer Demo #3





Rating is available when the video has been rented.
This feature is not available right now. Please try again later.
Uploaded on May 17, 2010

All runs in real-time with Javascript, WebGL and HTML5 only (uses Minefield Audio build) -- no browser plugins are used.

This demo combines the CubicVR 3D engine on WebGL (www.cubicvr.org) with the Mozilla HTML5 Audio API (hacks.mozilla.org), Processing.js (www.processingjs.org) and BeatDetektor.js (www.beatdetektor.com)

Mozilla Audio API is used to sample the HTML5 audio tag on the page, this information is processed by BeatDetektor.js which produces timing information for the Processing.js real-time canvas textures and the CubicVR.js procedurally generated WebGL scene using them.

The camera is set to free roam a simple chase pattern with a probability to follow a nearby cube (fully automated).

Available online at:


You can also try out BeatDetektor on your iPhone to detect BPM using the built-in microphone, works great on iPad as well:

you can find more info about audio api-enabled Minefield builds at:


You can also feel free to chat with us about the Audio API via the #audio channel on irc.mozilla.org


When autoplay is enabled, a suggested video will automatically play next.

Up next

to add this to Watch Later

Add to

Loading playlists...