Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Processing.JS Javascript is art! Francesco Fullone, Ideato.it ff AT ideato.it
Who am I Francesco Fullone aka Fullo - PHP developer since 1999 - GrUSP President - PHP and Open Source Evangelist - CEO...
Processing.JS is art!
It is a full port of the Processing.org project
It uses HTML5 Canvas to achieve great infovis, interaction and image manipulation.
Everything is managed by two functions.
void setup() { // to setup the // processing // canvas }
void draw() { // to draw the // main loop // and effects }
Processing.JS exposes simple API to create art.
Shapes
Colors
Σ(Mαth)
And to create interaction.
Input
Soon all the official Processing Api will be ported to Processing.JS
Enjoy the demo.
Firefox doesn't understand the art (and maybe JS).
Chrome loves art (and JS).
?
Francesco Fullone ff AT ideato.it skype: ffullone via Quinto Bucci 205 47023 C...
Upcoming SlideShare
Loading in …5
×
Technology, Business
993 views
Sep. 24, 2009

Processing @ Javascriptcamp

Processing.js is an open programming language for people who want to program images, animation, and interactions for the web without using Flash or Java applets. Processing.js uses Javascript to draw shapes and manipulate images on the HTML5 Canvas element. The code is light-weight, simple to learn and makes an ideal tool for visualizing data, creating user-interfaces and developing web-based games.

no profile picture user

  • Login to see the comments

  • Be the first to like this

Processing @ Javascriptcamp

  1. 1. Processing.JS Javascript is art! Francesco Fullone, Ideato.it ff AT ideato.it
  2. 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. 3. Processing.JS is art!
  4. 4. It is a full port of the Processing.org project
  5. 5. It uses HTML5 Canvas to achieve great infovis, interaction and image manipulation.
  6. 6. Everything is managed by two functions.
  7. 7. void setup() { // to setup the // processing // canvas }
  8. 8. void draw() { // to draw the // main loop // and effects }
  9. 9. Processing.JS exposes simple API to create art.
  10. 10. Shapes
  11. 11. Colors
  12. 12. Σ(Mαth)
  13. 13. And to create interaction.
  14. 14. Input
  15. 15. Soon all the official Processing Api will be ported to Processing.JS
  16. 16. Enjoy the demo.
  17. 17. Firefox doesn't understand the art (and maybe JS).
  18. 18. Chrome loves art (and JS).
  19. 19. ?
  20. 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

×