Interactive Programing

I chose to use my webcam to be my programs input. I coded my program to detect key’s. This means that it can group together similar colors based on how light or dark they are. I not only had it detect selected keys, but I also had the program set to replace them with white. It becomes interactive when I incorporated the paint to manipulate how the keys appear. Also, you can use the mouse and click on specific keys to focus on in the frame. The different layers of paint is a metaphor for my “thick skin.”  ENJOY!

Here is my new submission. I left the video how it was and did not edit anything at all. I did this because I was informed that the filters and edits I did to the first submission created a disconnect and made it look like it was fake. So, here it is in full. No edits or anything! Enjoy!



int numPixels;
Capture video;
int keyColor = HSB;
int keyR = (keyColor >> 16) & 0xFF;
int keyG = (keyColor >> 8) & 0xFF;
int keyB = keyColor & 0xFF;

int thresh = 100; // tollerence (works just like in photoshop when using magic wand tool)
void setup() {

size(640, 480);

video = new Capture(this, width, height, 24);
numPixels = video.width * video.height;

void draw() {
if (video.available()) {

for (int i = 0; i < numPixels; i++) {
// Adds selected tolor to specified location
color currColor = video.pixels[i];
int currR = (currColor >> 16) & 0xFF;
int currG = (currColor >> 8) & 0xFF;
int currB = currColor & 0xFF;

// differences of the red, green, and blue values
int diffR = abs(currR – keyR);
int diffG = abs(currG – keyG);
int diffB = abs(currB – keyB);

// Renders the pixels wich are not the close to the keyColor to the screen

if((diffR + diffG + diffB)> thresh){
pixels[i] = video.pixels[i];
updatePixels(); // Updates pixels when clicked somewhere else
void mousePressed() {
keyColor = get(mouseX, mouseY);
keyR = (keyColor >> 16) & 0xFF;
keyG = (keyColor >> 8) & 0xFF;
keyB = keyColor & 0xFF;

About tylerjamesxo

Summary A few sentences long. Should include: Who are you? What is your focus/? What do you aspire to? Whatwill be found in this portfolio (in broad strokes)? Check for spelling, grammar, capitalization, etc. Spend some time refining this. Should NOT include: Information not relevant to this portfolio (“I have a brother named Steve, and a fish named Jimmy”) Informal language (“im TOTES into teh database programming!!1!”) ‘shout outs’ (“Hey Jimmy! Say hi to mom for me!”) Think about the tone you want to present publicly and to your faculty. After your summary, list the following categories: Software expertise [list all software in which you are proficient] Related Work [Work or internships related to DMA. What was your job title? Where? When?] Exhibitions [Any time your work has exhibited- public screenings, gallery shows, etc. What? When? Where?] Publications [Any of your images or writing that has been published. What? When? Where?] Conferences [Any conferences you’ve attended. What? When? Where? If you presented, also post the title of the presentation. Organizations [Off-campus organizations you are a member of. Do you hold a special position? President, Treasurer, etc?] Clubs [Campus clubs you are a part of. Do you hold a special position? President, Treasurer, etc?] Volunteering [Any community service or volunteer events you’ve been involved with] List all of these categories, even if some of them are blank for now. Make it your goal to fill out something in each category.
This entry was posted in Time-Based and tagged , , . Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s