Collision Detection and Timing with Keystone

It’s possible to complete the assignment using just video, but by using graphics you’ll demonstrate a higher aptitude for coding and thus do better on the technical component of the grade.  The examples, and notes below can help you build more dynamic graphics based projects. Specifically we look at using collision detection to make graphics appear to interact with other objects, and we use timers to time events to occur at intervals.

Here are examples of Collision Detection, Timing, and Classes. We’ll look at these in class.

Some notes on Collision Detection and Timing

Functions, Scope, and Classes are covered in:
Processing Review Part 2

ArrayLists are also used in the examples. They are documented on the Processing Reference Page. They are arrays that can be dynamically added to and deleted from, and so are a great way to manage large collections of objects.

Exercise: Make a video span two surfaces using Keystone Library

The result should look like this example for a full mark (1% of class grade). Due at the beginning of next class.

Tip: you’ll want to show the same video image in both PGraphic windows using something like:

offscreen.image(myMovie, x1, y1, x2, y2);

where “x1, y1, x2, y2” are the coordinates of the image within the surface. Use these coordinates to offset the images, showing half the image within surface one, and the other half in surface two.

A half mark will be awarded for a minimum of having two windows displaying the same video without the offset. Nothing less.

Projection Mapping: Student Examples & Tips for Projection and Documentation


Megan Yam –

Chara Parke –

Cherise Solomon –

Continue reading “Projection Mapping: Student Examples & Tips for Projection and Documentation”