# CMU Electronic Media Studio II, Fall 2011, Section A

classroom created by Golan Levin
includes sketches by

### submit a sketch from your portfolio

or you can enter the visualID of the sketch below
http://openprocessing.org/sketch/

Share Subscribe to RSS

### Project 01 [Face]

Draw a face using at least 10 graphic elements. Experiment with the use of at least 2 colors in addition to the background. For an extra bonus, use curves.

### Project 02 [Interactive Face]

Starting from the provided framework, make an image (face or other) that responds to the microphone activity.

(Note: Please be aware that, due to restrictions in your browser, these applets can only work when downloaded to a locally-executed copy on your own computer.)

### Hello World

Put your hello world here

### Project 11 [A composition with for loops & randomness]

Create a composition with 12 randomly generated shapes, using iteration.

### Project 12 [Wallpaper using nested for loops (‘Embedded iteration’)]

Create a composition which generates a pattern of tiling wallpaper.

### Project 14 [Interactively Parameterized Randomness]

Make a composition which depicts “order” when the mouseX is on the left side of the canvas, and “chaos” when it is on the right side. The degree of order/chaos (entropy) should vary smoothly with the position of the mouse.

### Quiz 2011-09-14-A

// 10 points total:
// A series of lines are drawn on the canvas.
// Their endpoints are equally spaced.
// 9 points: Using an iteration structure.
// 1 point: Aesthetics / veracity of copy / attention to detail.
// You must reproduce this image as accurately as possible:

http://cmuems.com/2011/resources/golan-quiz-2011-09-14/quiz-2011-09-14-a.jpg

### Quiz 2011-09-14-B

// 10 points:
// 6 points: A 10x10 grid of down-pointing isosceles triangles are drawn.
// 2 points: A single variable controls the size and spacing of the triangles;
// they are exactly as tall as they are wide, and they are spaced at intervals
// equal to one-and-a-half times their width.
// 2 points: Each row of triangles is a darker and darker gray;
// The top row is exactly white, and the bottom row is exactly black.

Image: http://cmuems.com/2011/resources/golan-quiz-2011-09-14/quiz-2011-09-14-b.jpg

### Quiz 2011-09-14-C

// 10 points total:
// 3 points: In a wide canvas, draw a sequence of 70 circles;
// they are spaced every 10 pixels across the screen.
// 7 points: Each circle's vertical position is randomly displaced from that of the previous one.

Image: http://cmuems.com/2011/resources/golan-quiz-2011-09-14/quiz-2011-09-14-c.jpg

### Project 21

Design a graphical totem/emblem/figure. It could be a character, person, car, etcetera. Let’s call this your “rubberstamp”. Then implement the following function, which draws the totem (rubberstamp) at the location specified by the arguments, px,py. Your function should also accept at least one parametric “knob” (called controlParam) that modulates the appearance of the stamp somehow (perhaps its color, size, number of gills, etcetera). Give your control parameter a good name.

Call your function three times, to produce a composition with three of your rubberstamps. Upload your project to the OpenProcessing classroom.

### Project 22

Use two for() loops, to create a function in which your rubberstamp is placed in a grid. Add some random variation using your control parameter(s).

### Project 23

In an interactive program with no background() call, create an interaction in which your rubberstamp is placed wherever the user clicks. Use your rubberstamp function to allow the user to place copies of your emblem around the canvas by clicking the mouse. Upload your project to the OpenProcessing classroom.

### 31. Flavors of Buttons

Visit “Painting with Interactive Pixels” (http://www.idi.ntnu.no/~dags/pip.html) by Dag Svanaes. (Caution, this applet is very old (1997!) and may not work properly in some browsers.) In a single interactive applet with a gray background, create ten square “buttons”. In these ten regions, implement all ten of Dag’s interactive paint types. Observe how several of his paints are irreversible, while others are reversible. Label your buttons using Dag’s icons.

Extra Credit 1. Use circles instead of squares. Only clicks inside the circle should have an effect.
Extra Credit 2. Implement a general point-in-polygon test, and make unusually shaped buttons.

### 32. A timed fuse and some fireworks

Make a fuse onscreen that takes exactly 5 seconds to complete its timer. At the end of the timed 5 seconds, trigger an interesting event — like, you know, fireworks. Does it have to be a “fuse”? No, it could be a progress bar, or an ice cube melting, or a balloon inflating, or something. Does it have to be fireworks? No, it could be a gun showing the word ‘Bang’, or a balloon popping, or a volcano erupting, etcetera.

Extra Credit. Use an array (which we haven’t yet covered in class) to create a group of objects whose movements are triggered by the event. For example, particles in a fireworks display.

### 33. Breakout Game Mod

In 2007, Steph Thirion developed a 'six hour long workshop with the objective of showing the participants that it is not required to understand code to experiment and play with it. [...] Although they had no experience in coding, the task of each participant was to make a mod (modified version)' of a Breakout game written in Processing. Now it's your turn: Make it yours! Add, remove, or modify anything you please. It does not need to still be a game when you’re done.
Steph’s Breakout source code is here:
http://www.trsp.net/teaching/gamemod/gamemod_breakout_source_en.zip

### Project 40 [Visual Clock]

Make a “visual clock”. It is not essential that the time of day be literally readable from it, but your clock should appear different at all times of the day, and it should repeat its appearance every 24 hours. (You can make a 12-hour clock if you prefer). If you do decide to make the time literally readable (e.g. by counting graphic elements, visualizing numeric bit patterns, etc.), you are not permitted to use conventional Roman/Arabic/Chinese etc. numerals.

### Project 41 [Puppet]

Make a puppet with limbs. Give it a dynamic behavior; you might find it helpful to use the noise() function.