week02 課堂作業

1.畫出其他的圖案吧

void setup(){
  size(600,400);
}

void draw(){
  for(int x=0;x<600;x+=100){
    for(int y=0;y<400;y+=100){
      rect(x,y,100,100);
        triangle(x+20, y+40, x+48, y+95, x+76, y+40);
          ellipse(x+48, y+58, 32, 32);
            ellipse(x+48, y+58, 32, 8);
         
    }
  }
}


2.上點顏色吧
void setup(){
  size(600,400);
}

void draw(){
  for(int x=0;x<600;x+=100){
    for(int y=0;y<400;y+=100){
       fill(0,255,255);
      rect(x,y,100,100);
      fill(255,255,0);
        triangle(x+20, y+40, x+48, y+95, x+76, y+40);
         fill(255,0,0);
          ellipse(x+48, y+58, 32, 32);
           fill(0,0,0);
            ellipse(x+48, y+58, 32, 8);
            fill(255,255,255);
              ellipse(x+48, y+58, 10, 10);
    }
  }
}

3.加上滑鼠互動吧
void setup(){
  size(600,400);
}

void draw(){
  for(int x=0;x<600;x+=100){
    for(int y=0;y<400;y+=100){
       fill(0,255,255);
      rect(x,y,100,100);
      fill(255,255,0);
        triangle(x+20, y+40, x+48, y+95, x+76, y+40);
         fill(255,0,0);
          ellipse(x+48, y+58, 32, 32);
           fill(0,0,0);
            ellipse(x+48, y+58, 32, 8);
            fill(255,255,255,dist(x,y,mouseX,mouseY));
              ellipse(x+48, y+58, 10, 10);
    }
  }
}

4.使用random來點變化
color [][]myColor= new color[10][10];
void setup(){
  size(600,400);
  for(int x=0;x<600;x+=100){
    for(int y=0;y<400;y+=100){
      myColor[x/80][y/80]=color(random(256),random(256),random(256));
    }
  }
}
void draw(){
  for(int x=0;x<600;x+=100){
    for(int y=0;y<400;y+=100){
       fill(0,255,255);
      rect(x,y,100,100);  
      fill(255,255,0);
        triangle(x+20, y+40, x+48, y+95, x+76, y+40);
         fill( myColor[x/100][y/100]);
          ellipse(x+48, y+58, 32, 32);
           fill( 0,0,0);
            ellipse(x+48, y+58, 32, 8);
            fill( 255,255,255,dist(x,y,mouseX,mouseY));
              ellipse(x+48, y+58, 10, 10);
    }
  }
}

5.心得
           這兩節上課都學到了很多東西,不過這樣的速度雖然可以跟得上,但都僅限於照著做,想要自己想出新花樣可能有點趕.