Your SlideShare is downloading. ×
  • Like
Processing @ Javascriptcamp
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Processing @ Javascriptcamp

  • 726 views
Published

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 …

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.

Published in Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
726
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
14
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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