blog.omine.net

LG WOW is the latest website we developed at colmeia featuring Papervision3D, webcam interactivity, Flash Media Server streaming, and integration with a Django application using remoting (PyAMF). It is a product showcase for LG Electronics.

To enter the website, choose between webcam and keyboard modes. After the countdown, shout “wow” to the camera (or simply type it if you chose keyboard mode) and 3D particles will explode according to your voice loudness. The camera feed will be recorded to Flash Media Server, but it will only be published if you choose to do so later.

Navigate the website through the floating objects or the menu (at the top).
Check the Gallery (to watch other people’s reactions) and the Stats section too.

This website doesn’t push the boundaries of Flash and PV3D (we just used Planes with MovieMaterials), but I think we were still able to build something unique for the client.

Concept and product pages by Sinc (advertising agency).
PV3D design and development by Colmeia:

• Design: Caio Sartori, Gustavo Sonoda.
• Backend development: Eduardo Silva, Arthur Lima.
• Flash development: Flavio Ensiki, Eduardo Omine, Edgar Akiyama.

I Am David Sparkle – Jaded Afghan from eduardo omine on Vimeo.

—

After watching Moscow Olympics’ Second Trace video, Errol from KittyWu Records invited me to make a video for Singaporean band I Am David Sparkle.

Jaded Afghan is one of the best tracks on their 2007 album This Is The New and also a song well suited to my beat detection algorithm (based on this gamedev.net article — look for “frequency selected sound energy algorithm #2”).

Inspired by this thread (especially comments from Chris O’Shea and Dave Bollinger), this Processing sketch has two modes: capture and render. In capture mode, there’s audio playback, FFT analysis and beat detection — the resulting data is saved to a text file. In render mode, there’s no audio: all data is retrieved from the text file and PNG still frames are rendered. It took approximately 1h30 to render the 6779 frames for this video, at 800×450 pixels, 24FPS. The movie file with audio was assembled in Adobe Premiere.

It’s highly recommended to download the original 170MB Quicktime file — the link is at the bottom of the page, below “Statistics”. A Vimeo account is required, but it’s free.

—

Libraries and code snippets used in this project:

• geomutils by Karsten Schmidt
• _gl.pde from Robert Hodgin
• Minim by Damien Di Fede
• mouseWheel.pde by Marius Watz
• OCD by Kristian Damkjer
• Traer Physics by Jeffrey Traer