2012互動技術概論: W05

2012年10月9日星期二

W05

一朵花

void setup(){
  size(600,600);
}
void draw(){
  translate(300,300);
  
  fill(255,0,0);
  
  for(int i=0;i<10;i++){
    rotate( PI/5);
    ellipse(80,0,100,40);
  }
  
  fill(0,255,0);
  ellipse(0,0,80,80);
  
  fill(0);
  ellipse(-10,-10,10,10);
  ellipse(10,-10,10,10);
  
  noFill();
  
  arc(0, 0, 60, 60, 0, PI);

}

會動的花

void setup(){
  size(600,600);
}
float rr=0.01;
void draw(){
  translate(300,300);
  background(0,0,0);
  fill(0,50,0);
  rect(-5,0,10,200);
  
  pushMatrix();
    rotate(rr); rr+=0.01;
    
     float c = random(255);
     
    for(float i=0;i<10;i++){
      fill(c*25,c,255/i); 
      rotate( PI/5);
      ellipse(80,0,100,40);
    }
  popMatrix();
  
  fill(0,255,0);
  ellipse(0,0,80,80);
  fill(0);
  ellipse(-10,-10,10,10);
  ellipse(10,-10,10,10);
    
  noFill(); 
  arc(0, 0, 60, 60, 0, PI);
  
}

互動的花

1.太陽可以動
2.花會有笑臉和哭臉
3.花瓣顏色會跟著滑鼠改變顏色

void setup(){
  size(600,600);
}
float rr=0.01;
float a,b;
void draw(){
  translate(300,300);
  
  float r,b,g;
  

  background(153,271,234);
  //background(0,0,255);
  
  
  fill(0,50,0);
  rect(-5,0,10,200);
  
  float x=mouseX,y=mouseY;
  float len=sqrt(x*x+y*y)/3;
  
  
  pushMatrix();
    rotate(rr); rr+=0.01;
    
     float c = random(255);
     
    for(float i=0;i<10;i++){
      fill(c*25,len,255/i); 
      rotate( PI/5);
      ellipse(80,0,100,40);
    }
  popMatrix();
  
  fill(0,255,0);
  ellipse(0,0,80,80);
  fill(0);
  ellipse(-10,-10,10,10);
  ellipse(10,-10,10,10);
    
  noFill(); 
  if(mouseX<300)
  {
    arc(0, 0, 50, 50, 0, PI);
  }
  else if (mouseX<600)
  {
   arc(0, 20, 50, 40, PI, 2*PI);
  }
  
  
  pushMatrix();
  float ty=mouseY;
  if(mouseY<300) ty=mouseY-300;  else ty=0;
  translate(mouseX-300,ty);
  fill(255,255,0);
  ellipse(0,0,80,80);
  popMatrix();
  
  
}