Upload

Loading icon Loading...

This video is unavailable.

CubicVR 3D Engine WebGL BeatDetektor Visualizer Demo #4

Sign in to YouTube

Sign in with your Google Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to like Charles J. Cliffe's video.

Sign in to YouTube

Sign in with your Google Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to dislike Charles J. Cliffe's video.

Sign in to YouTube

Sign in with your Google Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to add Charles J. Cliffe's video to your playlist.

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:

http://cubicvr.org/CubicVR.js/bd3/Bea...

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

https://wiki.mozilla.org/Audio_Data_API

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

Loading icon Loading...

Loading icon Loading...

Loading icon Loading...

The interactive transcript could not be loaded.

Loading icon Loading...

Loading icon Loading...

Ratings have been disabled for this video.
Rating is available when the video has been rented.
This feature is not available right now. Please try again later.

Loading icon Loading...

Loading...
Working...
Sign in to add this to Watch Later

Add to