Threenodes.js is an attempt to create a dataflow environment in javascript and html5. It's a way to see what is possible to do in the browser. I had a little list of interesting javascript libraries to try but never had the chance to play with them.
The project is still in an experimental state but you can already see a live demo there: http://idflood.github.com/ThreeNodes.js/
coffeescript, compass and haml
These are languages that compile to javascript, css and html. Their syntax are much shorter than their equivalent and they offer some great features. If you work a lot with js, css or html you should definitely check these.
http://jashkenas.github.com/coffee-script/
http://compass-style.org/
http://haml-lang.com/
Three.js
The project is using webgl to render the scene. Three.js was obviously the 3d engine of choice. It provide many features like shaders, geometries, postprocessing filters and so on. A great project :)
https://github.com/mrdoob/three.js/
node.js
This is a javascript server. It's used to automatically compile the source files and serve them. I could have used some simple bash script to compile the files but found it would be interesting to use this for this "node" based project.
http://nodejs.org/
Require.js
The application was quickly growing and I needed a way to make it more modular. It's still not used at his full potential in threenode.js but already help make the code cleaner. One nice feature is that it's possible to require text files, or in this case little html template files.
http://requirejs.org/
QUnit
Since it all began as an experiment I quickly needed to do large refactoring. This is why I started creating tests. This allow me to do big changes without being afraid to break too many things.
http://docs.jquery.com/QUnit
These are the libraries most widely used in the project. There are many more not described here, but I'm not sure they all will be used at the end.
For more details, the project page:
https://github.com/idflood/ThreeNodes.js
Other related javascript projects:
https://github.com/zauner/vvvv.js
https://github.com/meemoo/meemoo
I stumbled upon jMonkey while looking at possible alternatives to processing for doing realtime 3D. This is somewhat my little "Hello world" with some extras.
This started when yahoo announced that they wanted to sell delicious. I quickly started to play with drupal to have an alternative in case the website would have closed. In fact it was just putting the right ingredients together: prepopulate, views, taxonomy and some little javascript. Nothing fancy.
Recently I stumbled on this forgotten project and created a simple theme. Doing so motivated me to add some new functionality to it, like the "tag suggestion". I don't know how far l will push this project but this could become a "druplicious" drupal distribution, who knows.
And for the curious, here is another one inspired by a scene from another movie: http://vimeo.com/20634008
There are some additions to my previous sketch. Some more post-processing effects (mainly noise and displacement), two new elements, a new beat detection method, ... But the big change is that I've added some keyboard shortcuts to change "big" variables (frame duration, effects, camera, ...)
Can't wait to test all those new things tonight!
I really like soundcloud, there are great tracks and mix over there. But when I just want to listen to music I find the interface too "heavy". So it was the occasion to play with Jquery and the soundcloud API.
Here comes "sndlite", a simple interface to browse music on soundcloud: http://sndlite.idflood.com
I will do my first vjing session at The Vital Night "From Minimal To Techno". I'm still adding as many variables as I can and fine-tuning the sketch.
Here are some specifications of the application:
- Save and load presets from xml file ( ~120 variables / preset )
- Opengl and glsl filters
- Small control interface done with controlP5
- Colors from http://kuler.adobe.com/ . I took the 100 most popular themes and sorted the colors of each theme by luminance.
- Audioreactive with the help of the Minim library.
- Finally added the magic button "auto_random". It simply pick some variables to randomize a little at each beat.
Can't wait to be tonight. It will be fun :D
Pages
