CubicVR 3D Engine WebGL BeatDetektor Visualizer Demo #3

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:

http://cubicvr.org/CubicVR.js/bd3/BeatDetektor3HD.html

You can also try out BeatDetektor on your iPhone to detect BPM using the built-in microphone, works great on iPad as well:
http://itunes.apple.com/ca/app/beatdetektor/id349889813?mt=8

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

Category:

Science & Technology

Tags:

• webgl
• cubicvr
• beatdetektor
• visualizer
• 3d
• opengl
• html5
• audio
• fft
• viz
• canvas

[rallen11]

Rampant beats... I haven't heard that since I had the subs in the beater..... good times.....

[cjcliffe]

@rallen11 lol, yup it's an old track of mine, I should send you another copy of the one track I wrote specifically for your car's stereo :)

[wikedcurly]

Crazy! You need to put this somewhere public!

[cjcliffe]

@wikedcurly video comments have been updated with the URL's

[forgetfulcarrot]

bookmarked :D really good job!

[WilliamNaville]

i could see a video dj using this in a show

[superkellerman8D]

acid trip... but cool!

[ILFZ2]

Auch my eyes.

[VJFranzK]

HEY, it's "TENORI LAND"! nice visualizer! Does this do VGA out on iPAD, btw?

[rallen11]

@cjcliffe I think i still have that disk that we burned somewhere. I'll see if I can dig it up.

[cjcliffe]

@onclet0m You can find a collection of my tracks on reverbnation (.com)'svia the music page on my website at cubicvr (.org) (sorry youtube doesn't allow links in comments :)