Homework

From InteractionLab

Contents 1 lab 001 - 01 2 lab 001 - 02 3 lab 001 - 03 4 lab 001 - 04 5 lab 001 - final assignment

[edit] lab 001 - 01

1. edit your wiki entry here - http://lab.impssble.com/wiki/index.php?title=Student_list
2. make sure I have your email
3. install an IDE - http://www.openframeworks.cc/setup
4. download openFrameworks 005 - non FAT version - http://www.openframeworks.cc/download
5. run examples - find favorite and take a picture of yourself infront of it.
6. sign into forum http://www.openframeworks.cc/forum/ - http://www.openframeworks.cc/forum/profile.php?mode=register
7. make first post in introductions thread - http://www.openframeworks.cc/forum/viewtopic.php?t=5

[edit] lab 001 - 02

1. finish the assignments from class
2. write a bounding box example that puts a box around all the white pixels in a thresholded image
3. write a histogram example that shows a graph of 255 lines where each line's vertical height represents the number of pixels of that color in the image

[edit] lab 001 - 03

• everyone should do the bounding box example - including the average white pixel position
  • step 1: first threshold the image.
  • step 2: then go through it two dimensionally and calculate the bounding box for the white pixels.
  • step 3: draw the bounding box with either ofLine or ofRect - ofNoFill() will draw the rect as an outline
  • note: don't be afraid to ask each other for help!

should look something like this:

• second part - flipping an image
  • step 1: start off with the 000-getThePixels example from 001
  • step 2: then convert it to use a 2D for loop for copying the pixels over like we were doing in class
  • step 3: calculate the pixel position twice - for the src image it should be as normal - but for the flipped image it should be starting from the bottom and working its way up.
  • step 4: copy the pixels over!
  • note: don't be afraid to ask each other for help!

should look something like this:

[edit] lab 001 - 04

Code for all examples so far is posted here (mac & pc): http://lab.impssble.com/wiki/index.php?title=Downloads

• For next week develop an app that combines the background subtraction code with the bounding box code.
  • The app should play sound files back using ofSoundPlayer. (Look at the OF examples for usage)
  • You should use the width of the bounding box as well as the centre of mass of the white pixels to effect the sound(s)
  • If you are stuck or have questions please contact me.
  • You can work in groups of a maximum 2 people! But everyone should have a copy of the project.

[edit] lab 001 - final assignment

Code for all examples from class ( 001-004 ) is posted here (mac & pc): http://lab.impssble.com/wiki/index.php?title=Downloads

For next week develop 1 of these 3 options:

• an app that takes in live video and replaces people's faces with another image.
  • for this you can look at 007-faceFinding example and the code from imageLoaderExample (in the examples/ folder of the regular 005 release)
  • a nice example of this here http://toddvanderlin.com/blog/2008/03/11/we-make-you-smile/

• or an app that does background subtraction and uses the relationship of 'center of bounding box to centroid of blob' to control video / music / or images.
  • for this you can look at 003-boundingBoxInfo and a relevant example for the type of media you are using

• or a musical sequencer that takes the position and size of blobs as notes in a sequence.
  • for this you should use the adaptive thresholding example ( 006-adaptiveThresholdingWithBlobs ) and combine it with elements from the soundPlayerExample
  • a nice example of this is here: http://www.vimeo.com/625464?pg=embed&sec=625464