Author Archives: katrinachanparsons

Super Fingers, Katrina Chan & Kevin Wen

Concept: Create Glove that has light activated by tilt switches

First Idea

Process 1
Process 2 


1489306_10202816833928272_417080277_n Pink



1481360_10202816832728242_218578422_n Green!


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

void setup(){
pinMode(A0, INPUT);
pinMode(A1, INPUT);
pinMode(A2, INPUT);
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);
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);



Katrina Chan – Week 4 Assignment



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.

Screen Shot 2013-10-10 at 6.36.39 PM Screen Shot 2013-10-10 at 6.36.45 PM  Screen Shot 2013-10-10 at 6.36.49 PM Screen Shot 2013-10-10 at 6.36.59 PM

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.

Screen Shot 2013-10-10 at 6.36.07 PM  Screen Shot 2013-10-10 at 6.36.14 PM Screen Shot 2013-10-10 at 6.36.19 PM Screen Shot 2013-10-10 at 6.36.31 PM

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.

Screen Shot 2013-10-10 at 6.40.37 PM Screen Shot 2013-10-10 at 6.35.25 PM Screen Shot 2013-10-10 at 6.35.30 PM Screen Shot 2013-10-10 at 6.35.51 PM

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.

Week 2 Assignment _Katrina Chan

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.

Screen Shot 2013-09-19 at 7.19.32 PM Screen Shot 2013-09-19 at 7.19.33 PMScreen Shot 2013-09-19 at 7.19.16 PM


Then I made two columns and change the speed again.

Screen Shot 2013-09-19 at 7.19.10 PM Screen Shot 2013-09-19 at 7.19.39 PM Screen Shot 2013-09-19 at 7.19.42 PM

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.

Screen Shot 2013-09-19 at 7.22.06 PM Screen Shot 2013-09-19 at 7.22.06 PM 1 Screen Shot 2013-09-19 at 7.22.08 PM 1 Screen Shot 2013-09-19 at 7.22.11 PM Screen Shot 2013-09-19 at 7.22.13 PM


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.

Week 1 Assignment_Katrina Chan

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.

Screen Shot 2013-09-10 at 11.26.56 PM Screen Shot 2013-09-10 at 10.54.53 PM

Screen Shot 2013-09-10 at 11.21.52 PM Screen Shot 2013-09-10 at 11.20.05 PM  ‘

Screen Shot 2013-09-10 at 11.25.54 PMScreen Shot 2013-09-10 at 10.54.36 PM