Author Archive

JulienMiller and Xuan Zhang’s Interactive Project

InteractiveProject

Julien and I were really interested in creating random movable images in response to light. We were trying to create an environment in which we would be able to move both of the animations back and forth according to how much light the light sensor was receiving. It’s the interactiveness, and the randomness of the imagery make this project a lot more interesting.

Article

http://www.thestate.com/2015/03/09/4027728/port-edwards-5th-graders-learn.html
5th graders learn math by programming robots

Reading Response–
I agree that coding can be much like solving a rubiks cube. We have to solve the problems by groups of the same code, and if we don’t solve one problem in the code. We would end up taking the codes apart. It’s really hard to solve the rubies cube, and coding.

Research exercise

“Wooden Mirror” by Daniel Rozin reflects the viewers’ faces when they walk in front of the piece. It functions as a mirror, but its actually made of pieces of wood. There are different cameras telling the blocks of woods to react as different tones of shades, so it’s drawing out the viewers’ faces through wooden mirror.
His another piece “Easel” captures viewers’ faces and the environment surround them on the canvas when the viewers paint on the canvas. At the same time, it would start to add on a new layer of your face when you start a new stroke.
According to Rockeby’s idea, interactive art is like a mirror. It corresponds to viewer’s behaviors, and the “Wooden Mirror” piece is exactly the thing that he talks about. It’s a literal a mirror that reflects back your behavior. However, both of the works require the viewer’s participation. Just like what Rockeby said, the viewer is being the creator of the work. When the viewer is interacting with the piece, he/she is behaving based on his/her personal preferences.Everyone has their own preferences and mind set, and they make different decisions. Each viewer who interacts with the work is making their own work.

Assignment 1 – part 2

faces

float hr=229;
float hg=129;
float hb=94;

float ey=189;
float ex=50;
float ai=70;
float ds=8;


void setup() {
  
  size(500,500);
 

  
}

void draw() {
   
  
  background(hr,hg,hb);
  hr= random(0,229);
  hg= random(0,129);
  hb= random(0,94);
  
  //hair
  fill(19,15,2);
  ellipse(250,160,290,280);
  
  //neck
  fill(226,188,121);
  noStroke();
  rect(220,306,50,50);
  
  //ears
  fill(226,168,121);
  ellipse(144,220,30,50);
  ellipse(355,220,30,50);
  
  
  //face
  fill(251,239,201);
  noStroke();
  ellipse(250,200,230,250);
  
  //hair2
  fill(19,15,2);
  rect(131,100,50,50);
  rect(180,80,15,60);
  rect(200,70,50,70);
  rect(250,70,30,66);
  rect(285,70,20,69);
  rect(314,96,50,40);
  rect(160,80,180,30);
  
  //glasses
  fill(246,152,127);
  rect(150,160,90,64,10);
  rect(265,160,90,64,10);
  fill(251,239,201);
  rect(159,168,73,48,9);
  rect(274,168,73,48,9);
  
  fill(246,152,127);
  rect(234,173,40,15);
  
  //nose
  fill(249,215,187);
  ellipse(248,245,20,40);
  fill(244,179,162);
  ellipse(248,250,18,30);
  
  //mouth
  fill(221,150,107);
  arc(235, 276, ai, ex, 0, PI+QUARTER_PI, OPEN);
  if (mousePressed){
    ex= random(20,100);
    ai= random(30,120);
  }
  
  //cheek
  fill(251,227,201);
  ellipse(167,250,40,45);
  
  //eyes
  fill(19,15,2);
  ellipse(190,ey,10,ds);
  ellipse(310,ey,10,ds);
  
  if(mousePressed){
    ey= random(170,200);
    ds= random(10,50);
  }
  
  //sweater
  fill(67,77,134);
  rect(199,340,83,50,15);
  rect(119,364,260,150,20);
  
  //patterns
  fill(22,24,41);
  ellipse(160,403,10,10);
  ellipse(180,403,10,10);
  ellipse(200,403,10,10);
  ellipse(220,403,10,10);
  ellipse(240,403,10,10);
  ellipse(260,403,10,10);
  ellipse(280,403,10,10);
  ellipse(300,403,10,10);
  ellipse(320,403,10,10);
  ellipse(340,403,10,10);
  
  ellipse(170,420,10,10);
  ellipse(190,420,10,10);
  ellipse(210,420,10,10);
  ellipse(230,420,10,10);
  ellipse(250,420,10,10);
  ellipse(270,420,10,10);
  ellipse(290,420,10,10);
  ellipse(310,420,10,10);
  ellipse(330,420,10,10);
 
  ellipse(160,440,10,10);
  ellipse(180,440,10,10);
  ellipse(200,440,10,10);
  ellipse(220,440,10,10);
  ellipse(240,440,10,10);
  ellipse(260,440,10,10);
  ellipse(280,440,10,10);
  ellipse(300,440,10,10);
  ellipse(320,440,10,10);
  ellipse(340,440,10,10);
  
  ellipse(170,460,10,10);
  ellipse(190,460,10,10);
  ellipse(210,460,10,10);
  ellipse(230,460,10,10);
  ellipse(250,460,10,10);
  ellipse(270,460,10,10);
  ellipse(290,460,10,10);
  ellipse(310,460,10,10);
  ellipse(330,460,10,10);
  
  ellipse(160,480,10,10);
  ellipse(180,480,10,10);
  ellipse(200,480,10,10);
  ellipse(220,480,10,10);
  ellipse(240,480,10,10);
  ellipse(260,480,10,10);
  ellipse(280,480,10,10);
  ellipse(300,480,10,10);
  ellipse(320,480,10,10);
  ellipse(340,480,10,10);
  
  println(mouseX);
  println(mouseY);
  
  
}

A work of art made with processing

The Sheep Market by Aaron Koblin

“The Sheep Market is a collection of 10,000 sheep made by workers on Amazon’s Mechanical Turk. Workers were paid $0.02 (USD) to ‘draw a sheep facing to the left.'”

This is a really interesting project that offers different people a same opportunity to “draw a sheep facing to the left”. Everyone had different idea of how this sheep would look like, and Indeed their drawings turned out all different from each other.They were all coming from this same concept of sheep. However, everyone divided the same sheep to different versions. It’s like what Litwitt said,”What the work of art looks like isn’t too important.” from the reading. The image of the sheep is becoming less important. It’s the result of processing the information. The idea of sheep is different in different people’s mind, and the different thought processes become a lot more important. It’s the content of the artwork rises a higher level than the image.

 

Link: http://www.thesheepmarket.com/

Hw#1

selfportrait

 

 

void setup() {
  
  size(500,500);
  background(246,223,145);
  
   //hair
  fill(19,15,2);
  ellipse(250,160,290,280);
  
  //neck
  fill(226,188,121);
  noStroke();
  rect(220,306,50,50);
  
  //ears
  fill(226,168,121);
  ellipse(144,220,30,50);
  ellipse(355,220,30,50);
  
  
  //face
  fill(251,239,201);
  noStroke();
  ellipse(250,200,230,250);
  
  //hair2
  fill(19,15,2);
  rect(131,100,50,50);
  rect(180,80,15,60);
  rect(200,70,50,70);
  rect(250,70,30,66);
  rect(285,70,20,69);
  rect(314,96,50,40);
  rect(160,80,180,30);
  
  //glasses
  fill(246,152,127);
  rect(150,160,90,64,10);
  rect(265,160,90,64,10);
  fill(251,239,201);
  rect(159,168,73,48,9);
  rect(274,168,73,48,9);
  
  fill(246,152,127);
  rect(234,173,40,15);
  
  //nose
  fill(249,215,187);
  ellipse(248,245,20,40);
  fill(244,179,162);
  ellipse(248,250,18,30);
  
  //mouth
  fill(221,150,107);
  arc(235, 276, 70, 50, 0, PI+QUARTER_PI, OPEN);

  //cheek
  fill(251,227,201);
  ellipse(167,250,40,45);
  
  //eyes
  fill(19,15,2);
  ellipse(190,189,10,8);
  ellipse(310,189,10,8);
  
  //sweater
  fill(67,77,134);
  rect(199,340,83,50,15);
  rect(119,364,260,150,20);
  
  //patterns
  fill(22,24,41);
  ellipse(160,403,10,10);
  ellipse(180,403,10,10);
  ellipse(200,403,10,10);
  ellipse(220,403,10,10);
  ellipse(240,403,10,10);
  ellipse(260,403,10,10);
  ellipse(280,403,10,10);
  ellipse(300,403,10,10);
  ellipse(320,403,10,10);
  ellipse(340,403,10,10);
  
  ellipse(170,420,10,10);
  ellipse(190,420,10,10);
  ellipse(210,420,10,10);
  ellipse(230,420,10,10);
  ellipse(250,420,10,10);
  ellipse(270,420,10,10);
  ellipse(290,420,10,10);
  ellipse(310,420,10,10);
  ellipse(330,420,10,10);
 
  ellipse(160,440,10,10);
  ellipse(180,440,10,10);
  ellipse(200,440,10,10);
  ellipse(220,440,10,10);
  ellipse(240,440,10,10);
  ellipse(260,440,10,10);
  ellipse(280,440,10,10);
  ellipse(300,440,10,10);
  ellipse(320,440,10,10);
  ellipse(340,440,10,10);
  
  ellipse(170,460,10,10);
  ellipse(190,460,10,10);
  ellipse(210,460,10,10);
  ellipse(230,460,10,10);
  ellipse(250,460,10,10);
  ellipse(270,460,10,10);
  ellipse(290,460,10,10);
  ellipse(310,460,10,10);
  ellipse(330,460,10,10);
  
  ellipse(160,480,10,10);
  ellipse(180,480,10,10);
  ellipse(200,480,10,10);
  ellipse(220,480,10,10);
  ellipse(240,480,10,10);
  ellipse(260,480,10,10);
  ellipse(280,480,10,10);
  ellipse(300,480,10,10);
  ellipse(320,480,10,10);
  ellipse(340,480,10,10);
  
}

void draw() {

  println(mouseX);
  println(mouseY);
  
  
}