CubicVR 3D Engine WebGL BeatDetektor Visualizer Demo #4





The interactive transcript could not be loaded.



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

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

(*Note the actual demo runs a fair bit smoother than this as the screen recording app tends to cause hiccups in the animation.)

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 rotation of the various pieces rendered by CubicVR.js. Processing.js is used to render a real-time canvas texture for the intermittent cube models.

The tunnel is on an endless cycle of selecting random pieces from the pool of loaded xml meshes.

Available online at:


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...