BigScreen
Built with Processing
An animated collaboration between John Cioffi and Adam Powell.

Instructions:

Mouse options:
Click to increase the number of shapes in a row/column.
After 50 shapes per row/column is reached, the number will reset to 1.
Move the mouse vertically to lighten and darken the shapes.
Move the mouse horizontally to lighten and darken the background.

The following key commands are case-sensitive.

Cycling options:
i: start cycling through numbers of shapes
u: stop cycling through numbers of shapes

Shape options:
c: circle
l: line
s: square
t: triangle

Pattern options:
1, 2, 3, 4, 5, 6, 7, 8, 9, 0

Gradient options:
!, @, #, $, %

Grid options:
g: grid
n: no grid

Transformation (Shifting) Options:
I: up
M: down
J: left
K: right

Rotation Options:
Q: rotate counter-clockwise
W: rotate clockwise

Scale Options:
A: zoom in
S: zoom out

Reset Option:
R: resets transformation, rotation, and scaling

Shape Generation Options:
h: displays shapes in multiple horizontal rows
H: displays shapes in one horizontal row
v: displays shapes in multiple vertical rows
V: displays shapes in one vertical row

Frame-Rate Options:
+: increases frame-rate
-: decreases frame-rate

Smoothing Options:
,: smoothing on
.: smoothing off

Paste the code below in your blog. Have your friends visit too!
<div style="position: absolute; width: 203px; height: 89px; z-index: 1; left: 10px; top: 121px" id="BigScreen">
<a href="http://www.adampowell.com/cioffi/BigScreen">
<img border="0" src="http://www.adampowell.com/cioffi/BigScreen/BigScreenLogo.gif" width="201" height="87"></a></div>

Xangans, paste this code instead:

<img border="0" src="http://www.adampowell.com/cioffi/BigScreen/BigScreenLogo.gif" width="201" height="87">

<a href="http://www.adampowell.com/cioffi/BigScreen" target="_new">Visit BigScreen!</a>