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. Click mouse to draw a flower, Press down, drag, release to draw a flower. Notes on bezierVertex, mousePressed, mouseReleased, random color
  10. Drawing Bezier curves: anchor points & control points. Drawing continuous curves, clearing, re-starting. Bezier curves, different colors, use of class for defining buttons. Tutorial on Processing Bezier: bezier, mousePress, text, simulating buttons, class, constructor.
  11. Bouncing red balloon in a 3D box. Tutorial on Processing 3D: translate, calculations.
  12. Bouncing red balloon in a 3D box of shapes, with buttons changing the direction. Tutorial on Processing 3D: beginShape, endShape, class.
  13. One tetrahedron. Two tetrahedrons: changing views, use of class, function. Tutorial on Processing 3D: beginShape, endShape, mouseDragged, class.
  14. Click on screen for "Hello" in a randomly chosen font each time you click. Tutorial on createFont, loadFont, textFont, text, PFont.list, random, int.
  15. Tilt game: use arrow keys to tilt a board and make ball roll around. Tutorial on Processing for the tilt game: translate, sin, cos, abs, rotateX and rotateZ, keyPressed, box, sphere, millis, indexOf, substring, min.
  16. Blackjack. Work-in-process, tutorial coming. Please comment on standard rules.

 

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.