Dec 5: Physical computing and computational art


Using Processing, create a simple program of your own design that demonstrates some of the techniques we learned in class.

Mouse input, loops, random number generation, colour and drawing are all topics to explore.

Points to keep in mind:

  • All code must be your own. Include your name in a //commment at the top of your sketch. Include a credit and source for any code you have used as a reference or model, and include your name and the assignment date. Use a comment at the beginning of your sketch to do this.
  • Test carefully
  • Use the Processing "Archive Sketch" function (in the "Tools" menu") to create a .zip file of your sketch - submit that zip file.
  • Use the "Reference" function in the "Tools" menu to learn more about additional functions.
  • For any program that accepts user input, you will need to build it in "Interactive" mode.

Submit: upload to class web site. Filename:

Due via class web site by 6 pm , Dec 11.

Simple game mechanism


Tumult Hype is a simple but powerful animation program that creates HTML5 animations. Mac only, but the animations run on all modern web browsers, Mac, PC or mobile.

Learn more in the tutorials.

Animation resources

  2. Intro to HTML Animation (advanced)
Coming soon...
Coming soon...