Reference:
First Idea
Reference

Process:
Process 1
Process 2 

Functionality:

 Pink

Blue

Red

 Green!

Code:

// finger values
int finger0;
int finger1;
int finger2;

void setup(){
Serial.begin(9600);
//fingers
pinMode(A0, INPUT);
pinMode(A1, INPUT);
pinMode(A2, INPUT);
//led
pinMode(11, OUTPUT);
pinMode(10, OUTPUT);
pinMode(9, OUTPUT);
//gnd & vcc
pinMode(5, OUTPUT);
pinMode(4, OUTPUT);
pinMode(3, OUTPUT);
pinMode(2, OUTPUT);
}

void loop(){
digitalWrite(5, HIGH);
digitalWrite(4, HIGH);
digitalWrite(3, LOW);
digitalWrite(2, LOW);

finger0 = analogRead(A0);
Serial.println(finger0);
finger1 = analogRead(A1);
finger2 = analogRead(A2);

map(finger0, 0, 255, 0, 1023);
map(finger1, 0, 255, 0, 1023);
map(finger2, 0, 255, 0, 1023);
analogWrite(9, finger0);
analogWrite(10, finger1);
analogWrite(11, finger2);
delay(1000);

}

Watch from 2:20

Concept of changing light of a space instead

http://www.openprocessing.org/sketch/117471

For this project, I was inspired by those pixels that covers nudity. Kate Moss is known for her body so I chose her as my background picture.

1. I deleted the rect shape and use only ellipse to create a blurry zoom in effect. So I thought of putting a “STOP” sign on her mouth because when you are moving the mouse, it seems like you are touching or feeling her inappropriately. http://www.openprocessing.org/sketch/115125

2. The second one I created is inspired by spotting where is waldo. As much as how creepy it sounds, it is kind of fun when you go a certain area, it has a art paint effect on the body parts.

http://www.openprocessing.org/sketch/115126

3. I integrated the two together. The first circle follows your mouse, which body part you want to look at and the second color circle tries to cover what you want to look at. The big text explains it all; the text changes colors depends on where you move your mouse.

http://www.openprocessing.org/sketch/115128

Drawing tool

http://www.openprocessing.org/sketch/113482

Continue reading →

For this week’s assignment, I created a pattern that is static based on simple shapes we learnt from last class. Then I thought it was a bit boring so I tried to learn how to make them move. Each box has different speed.

http://www.openprocessing.org/sketch/110382

Then I made two columns and change the speed again.

http://www.openprocessing.org/sketch/110383

My final one’s concept is boxes chasing each other. I like it the best because as you watch it for longer, it forms different patterns so it is not as boring.

http://www.openprocessing.org/sketch/110381

What I want to investigate and learn more is how to do animation. Instead of moving just left to right, I want to learn how move things in different direction, from right to left and vertically.

Hi everyone, my name is Katrina Chan. I am 19 years old and I am from Hong Kong. I am new to this class.  I am taking this class because this is part of the course so I don’t have a big passion in creative computing but I think it is good to learn these skills because they are really helpful for making websites in the future. I am still figuring out what I want to do in the future, (I want to switch into fashion design next year) so I am exploring what’s in communication design. So far, my interest in communication design grew a little.

Anyways, the following are 3 sketches I played around with, changing sizes, numbers, colors, speed, thickness of strokes, etc.

http://www.openprocessing.org/sketch/109812

  ‘
http://www.openprocessing.org/sketch/109811

http://www.openprocessing.org/sketch/109809