Processing.JS is a full port of the Processing.org project to HTML5 Canvas. It uses Canvas to achieve great information visualization, interaction, and image manipulation. Everything in Processing.JS is managed by two functions - setup() and draw() - which setup the processing canvas and control the main loop and effects respectively. It exposes a simple API to create art using shapes, colors, math, and input for interaction. Soon, all of the official Processing API will be ported to Processing.JS.

1. Processing.JS
Javascript is art!
Francesco Fullone, Ideato.it
ff AT ideato.it

2. Who am I
Francesco Fullone aka Fullo
- PHP developer since 1999
- GrUSP President
- PHP and Open Source Evangelist
- CEO @
- Proud member of
- Nerd and geek

3. Processing.JS
is art!

4. It is a full port of the
Processing.org
project

5. It uses HTML5 Canvas to
achieve great infovis,
interaction and image
manipulation.

6. Everything is
managed by two
functions.

7. void setup() {
// to setup the
// processing
// canvas
}

8. void draw() {
// to draw the
// main loop
// and effects
}

9. Processing.JS exposes
simple API
to create art.

10. Shapes

11. Colors

12. Σ(Mαth)

13. And to create
interaction.

14. Input

15. Soon all the
official Processing Api
will be ported to
Processing.JS

16. Enjoy the demo.

17. Firefox doesn't
understand the art
(and maybe JS).

18. Chrome
loves art
(and JS).

19. ?

20. Francesco Fullone
ff AT ideato.it
skype: ffullone
via Quinto Bucci 205
47023 Cesena (FC)
info AT ideato.it
www.ideato.it
more info @ www.processingjs.org