Processing examples

These are my first experiments with Processing. You can examine the Processing source code by clicking on the Source code links at the bottom of the screen for each example.

 

  1. Basic display. Tutorial for Starting Processing Basic mode
  2. Drawing a smiley face.Tutorial for Processing Continuous mode: setup, defining functions
  3. Bouncing smiling faces. Tutorial for Processing: Animation using draw, assignment and if statements
  4. Coin flip. Simulation of flipping a coin.Tutorial for Processing: loadImage, random, mousePressed, text, export
  5. Cannonball application, similar to what I have done in Flash/ActionScript, using arrow keys in change speed out of cannon and angle. Tutorial on Processing: translate, rotate, TextField, quad plus calculations with PI, sin, and cos, pushMatrix, popMatrix, keyPress. The tutorial describes two ways to get user input (input text fields and arrow keys). The TextField way does not work as an exported applet.
  6. Rolling around the Alhambra: basic 3D. Illusion of a ball, projected from 3D, against photo of pool in the Alhambra. Tutorial on Processing 3D, loadImage, translate, pushMatrix, popMatrix.
  7. Topsy turvy fruit using beginShape, endShape, vertex & texture, mouse clicks to rotate and a timed reset. 3D three walls and a floor, each covered with an image. Tutorial on Processing 3D: beginShape, endShape, texture, rotateX, rotateY, mousePress, millis.
  8. Rotating spirals, showing axes, with timed reset. Tutorial on Processing 3D: drawing curves with lines, mousePress, millis.
  9. Drawing Bezier curves: anchor points & control points. Drawing continuous curves, clearing, re-starting. Bezier curves, different colors, use of class for defining buttons. Coming soon: Tutorial on Processing Bezier: bezier, mousePress, text, simulating buttons, class, constructor.
  10. Bouncing red balloon in a 3D box. Coming after more refinement: Tutorial on Processing 3D: translate, calculations.
  11. Bouncing red balloon in a 3D box of shapes, with buttons changing the direction. Coming soon: Tutorial on Processing 3D: beginShape, endShape, class.
  12. One tetrahedron. Two tetrahedrons: changing views, use of class, function. Tutorial on Processing 3D: beginShape, endShape, mouseDragged, class.

 

Lecture notes, descriptions of courses, and links to examples with tutorials & notes in JavaScript, Flash ActionScript, XML, XSL, php, etc. available from http://newmedia.purchase.edu/~Jeanine.