Assignments | Course Home | Documentation | Lab Hours/Tutoring | Schedule | Submit

Saint Louis University

Computer Science 144
Introduction to Computer Science: Multimedia

Michael Goldwasser

Spring 2015

Dept. of Math & Computer Science

Hands-on Activity: Getting (inter)active

If you'd like to work locally, you may choose to download a single zipfile with the entire collection, and place it within your Processing sketchbook.

Sketch My Code
Instructions
moving_circle.pde
The circle simply follows the mouse.
painting_circle.pde
This paints circles on the canvas at the mouse position as it moves.
painting_circle2.pde
This paints circles on the canvas at the mouse position as it moves. A mouse click causes new random color to be chosen.
painting_circle3.pde
This paints circles on the canvas whenever the mouse is clicked and dragged. A new random color is chosen (and displayed at bottom) whenever a key is pressed.
placing_circle.pde
This draw a circle only when the mouse is clicked.
growing_circle.pde
This draws a circle with random color, with the size of the circle determined by the length of time the mouse remains pressed.
moving_line.pde
This draws a line connecting the canvas center to the current mouse.
painting_line.pde
This draws lines connecting the canvas center to the current mouse.
painting_line2.pde
Pressing any key clears the canvas
painting_line3.pde
Pressing any key clears the canvas.
A mouse click re-anchors the line segment
painting_line4.pde
This only paints line while the mouse is pressed and dragged.
A simple mouse click re-anchors the line segment
stretching_ellipse.pde
Click and the drag to define an ellipse to draw.
stretching_rectangle.pde
Click and the drag to define a rectangle to draw.
sunset.pde
A slight variant on the original "moving circle", in which the color of the background, and color and size of the circle, depend upon the y-coordinate of the mouse.

The remaining sketches do not rely on any user interaction, but instead achieve animation by changing the way draw() works based on variables that change over time. For convenience, we have made it so that a mouse click restarts each.

Sketch My Code
Instructions
string_art.pde
random_rectangles.pde
randomwalk.pde
(kudos if you can explain why some redish color is left behind in the trail)

Michael Goldwasser
CSCI 144, Spring 2015
Last modified: Monday, 26 January 2015
Assignments | Course Home | Documentation | Lab Hours/Tutoring | Schedule | Submit