Processing.js
Project Name
Processing.js
Project Description
Processing.js is a proposed Mozilla-sponsored project, its main purpose is to wrap Java-based language functions into Javascript. The purpose of this is to use visuals on the open web, using standard technologies such as JavaScript and Canvas.
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.
Project Details
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.
Processing.js will:
- enable Processing users to take advantage of the full power of the open web
- serve as a forcing function to drive improvements in key aspects of Mozilla products and technologies, including; JavaScript, Camvas Functionality, applications of Bespin, Ubiquity, Multi-Touch and others
Read more on the project Processing For The Web.
Project Bugs & Tickets is here
Project Leader(s)
| Name/User Page | Blog | IRC Nick(s) |
|---|---|---|
| David Humphrey | blog | humph |
| Corban Brook | blog | corban |
| Anna Sobiepanek | blog | annasob |
| Andor Salga | blog | asalga |
| Mickael Medel | blog | aSydiK |
| Matthew Lam | blog | mlam19 |
| Daniel Hodgin | blog | dhodgin |
| Dominic Baranski | blog | dcbarans |
| Scott Downe | blog | scott |
Project Contributor(s)
| Name/User Page | Blog | IRC Nick(s) |
|---|---|---|
| Abel Allison | blog | aallison |
| Andrew Grimo | blog | |
| Eston Bond | blog | eston |
| Minoo Ziaei | blog | Minooz |
| Mike Kamermans | blog | Pomax |
| Yury Delendik | notmasteryet |
Former Member(s)
| Name/User Page | Blog | IRC Nick(s) |
|---|---|---|
| Donghui Liu | blog | dliu53 |
| Edward Sin | blog | MinyXO |
| Alex Londono | blog | Tyrant911 |
| Tiago Moreira | blog | Kamots |
| Jianming Chen | blog | jmchen11 |
| Zhibin Huang | blog | zbhuang1 |
| Thanh Dao | blog | tdao75 |
Related Bugs
Canvas
- Bug 381930 - No repaint inside very large canvas
- Bug 370450 - Safari "canvas" demonstration cause Minefield to hang while page is loaded
- Bug 408372 - <canvas> canvas animation is jerky on Firefox 3 beta 1, Linux x86_64
- Bug 501677 - Drawing lines in big Canvas don't work always
- Bug 518173 - webgl does not build on Darwin/X11 (bad gl.h)
- Bug 411475 - Canvas3D not working on Radeon 9250
- Bug 488271 - Examples crash with ATI on Vista
- Bug 480993 - Canvas 3D spec tests
WebGL
Resources
Tools
- 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
Learning
- Recent interview with creators of Processing about the language and its future
- 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.
- How to documentation for processing.js inconsistencies from java processing @ http://zenit.senecac.on.ca/wiki/index.php/Processing.js/HowTo
Conference Call
Up until the end of April, we will be doing conference calls with the processing.js developers on a weekly basis. We will post the links to the minutes here as well as any agendas, etc.
Call Details
Call will take place Thursdays at 5:15pm
Primary Dial-in Numbers
+1 416-848-3114 [ Extension 92, Conference# 7633 ] (Canada)
+1 800-707-2533 [ Pin 369, Conference# 7633 ] (Canada/US Toll Free)