I am pleased to announce the release of ofxJavascript, an addon developped for openframeworks allowing to use javascript in c++ applications. More to come soon !

All Right. Not sure if I am proud of this one, but anyway here it is : the YouTube Mixer.

This is a little project I worked on a boring Sunday afternoon. This web application (as I dare to call it) lets you mix two different streams from YouTube, with a crossfader controlling the sound volume of each video. Each one can be set by a simple input form, and a search frame can be displayed to that videos can be browsed.
It’s then easy to just copy and paste the embed link and prepare your song to be mixed. The “related” feature of YouTube makes perfect sense there, and comes to rescue if you are in lack of good tracks to put on.

The story behind is that I’ve been involved in several parties where nobody came up with some music to listen to. Opening a browser and start listening music from YouTube videos was our best option.
Each time some serious fun was going on doing this, with just one purpose in mind as you all may know : make the girl(s) dance and get crazy.

>>YouTube Mixer<<

The video shows how to import a true type font and use it within the javascript code through the library object. Images are managed the same way, by drag’n'dropping files on the main window.

One can see a quick glimpse on how to handle mouse events by implementing the mouseMoved(x,y) function on the fly.

Tranformations and drawing syntax, as well as 2D/3D coordinates system, is of course inspired from Processing, though minor differences remain (see window.width and window.height for example). Also, you’ll notice the three main functions that are init, update and render. init() has to be called manually to load objects from the library or declare variables to be used through the whole script.

Hopefully I will release a version for Mac Intel at the beginning of February.

Links

• Click to see the video in HD
• Article on Beart.

*deggv stands for Démonstration d’écriture de graphisme génératif à la volée / Demonstration for generative graphics written on-the-fly.

Douglas and Ricardo of the school of Art of Aix-en-Provence invited me to animate a workshop around live coding last week, using the Vision Factory platform.
*deggv was the final result of the work students did during the week and a kind of cadavre exquis de code was performed during one hour, each student relaying in front of the computer to type graphic commands.

The workshop was the opportunity to push the concept of live coding a bit further, by setting up a collaborative live coding between several computers.

The students took part in a programming session on a local server-clients network architecture. The final rendering was done on a server computer connected to a screen. The number of layers was directly related to the number of possible connected clients. Each layer was then driven by a javascript program typed on the client computer by a student and then sent to the server to be run.
For the sake of readability, the rendering was split in four equal windows but could be alpha-blended in one big layer (think of it as flattened photoshop layers).

Basic graphic OpenGL commands were explored, from drawing simple lines to more complex shapes with the use of push() & pop(). Live coding was really pedagogic there, beacause one could see for example that translate+rotate was different from rotate+translate by simply inverting a single line in the code.

Short video

*deggv @ l’atelier hypermedia, aix-en-provence. from v3ga on Vimeo.

Some more links

• Repository for the workshop (bits of code, screenshots, …)
• Abstract machine announce.
• Some more renderings on Flickr.
• Article on 2roqs website.

I played last wednesday with Sevenfive @ Son’art in Bordeaux, making the live visuals. Was nice !