This is an attempt to make something like "vvvv" in javascript, html and webgl.
Live demo: http://idflood.github.com/ThreeNodes.js/
- modular
- creating a custom "node" must be as easy as possible
- should be possible to switch interface for live performance (selection of buttons/toggle)
- local timelines ?
- grouping (multiple nodes in one, possibility to have multiple instances)
- some kind of library panel like in flash to manage images/fonts/groups...
- preloader
- maybe add processingjs.org as an alternative to three.js
This will automatically compile coffescript files to javascript, sass to css and haml to html.
- install node.js 0.6.x (http://nodejs.org/)
- install npm (https://github.com/isaacs/npm)
- install coffeescript (http://jashkenas.github.com/coffee-script/)
- install jade globally: sudo npm install -g jade
- cd in ThreeNodes
- npm install -d
- cd in ThreeNodes
- node server.js
- with firefox or chrome go to http://localhost:3000/
- allow this site to create popups (for webglrender node)
- cd in ThreeNodes
- node server.js build
- a new /output_static should have been created
- install docco and dependancies
- docco src/scripts/threenodes/.coffee src/scripts/threenodes//*.coffee
- cp docs/App.html docs/index.html
- It is recommended to always access ThreeNodes.js from http since chrome has a highly restrictive file access when using file://. (see http://code.google.com/p/chromium/issues/detail?id=40787)
First, create a webglrenderer node. Then add a scene and connect it to the "scene" of the webgl node. On the scene children you would connect a "merge" and to it a mesh. With that there should be a red cube showing in the renderer window.