Confirmed users
656
edits
Processing.js for Processing Devs: Difference between revisions
Processing.js for Processing Devs (view source)
Revision as of 18:13, 13 September 2010
, 13 September 2010→1. Writing a Processing.js Sketch
| Line 36: | Line 36: | ||
* http://sketchpad.cc/ | * http://sketchpad.cc/ | ||
* http://hascanvas.com/ | * http://hascanvas.com/ | ||
Let's make a simple sketch that is 200 by 200 in size, sets the background to gray, and draws a small white circle: | |||
<pre> | |||
void setup() { | |||
size(200, 200); | |||
background(100); | |||
stroke(255); | |||
ellipse(50, 50, 25, 25); | |||
println('hello web!'); | |||
} | |||
<pre> | |||
I'll assume below that you saved this to a file called '''hello-web.pde'''. | |||
==2. Obtaining Processing.js== | ==2. Obtaining Processing.js== | ||