Read more about processing for the web http://processing.org
Read more about Canvas http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html
Read more about Drawing with Canvas https://developer.mozilla.org/en/Drawing_Graphics_with_Canvas
Check out http://9elements.com/io/projects/html5/canvas/ for a cool visual.
- David Humphrey
- Anna Sobiepanek blog
- Andor Salga blog
- Mickael Medel blog
- Matthew Lam (blog)
- Donghui Liu blog
- Edward Sin blog
Processing is an open source programming language and environment for people who want to program images, animation, and interactions. Processing is an alternative to proprietary software tools in the same domain.
- enable Processing users to take advantage of the full power of the open web
Read more on the project Processing For The Web.
Project Task List is here
- Processing (Java) @ http://Processing.org
- Processing JS code @ http://ProcessingJS.org
- Minefield builds for WebGL (build your own or http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-trunk/). See also Vlad's post on this: http://blog.vlad1.com/2009/09/18/webgl-in-firefox-nightly-builds/
- Git, http://Github.com & a great video tutorial on Git @ http://peepcode.com/products/git
- AlertThingy (can plug your Github repo rss feed in and get live updates when other users submit code) @ http://www.alertthingy.com/
- HasCanvas, a Processing JS IDE @ http://HasCanvas.com
- Download the Java version of Processing @ http://processing.org/download/
- Look at what Processing Java is capable of @ http://processing.org/exhibition/
- Look at what has been done with Processing JS so far @ http://processingjs.org/exhibition & @ http://hascanvas.com/#open-about
- Read Processing articles "Getting Started" & "Coordiante System & Shapes" @ http://processing.org/learning/gettingstarted/ & @ http://processing.org/learning/drawing/
- Experiment around with the Processing Java app, use the Basic Examples @ http://processing.org/learning/basics/ and make something cool, interesting, wacky, where-ever your experiment takes you.
- Test whether you can re-create your sketch by copying your code to http://hasCanvas.com You can share your work so others can see what you have done, you can also use hasCanvas to embed your visualization in your web site / blog.