第二週

1. Processing 啟動

2. 試 for迴圈

課堂範例

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); //正方形
    }
  }

}

/////////////////////////////////////////////////////////////////////////////////////////////

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

void draw(){
  for(int x=0;x<600;x+=100){
    for(int y=0;y<400;y+=100){
      fill(255,255,0);
      rect(x,y,100,100); //正方形
      
      fill(255,130,0);
      ellipse(x+50,y+50, 50, 50);//圓形
      
      fill(255,255,255,dist(x,y,mouseX,mouseY));//(顏色,隨滑鼠移動改變透明度)
      triangle(x+35, y+45, x+55, y+60, x+65,y+45);//三角形
    }
  }
}

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

color [][] myColor = new color[6][4]; //顏色亂數
//int [] array = new int[5];//Java
//int array[5];//C
void setup(){
  size(600,400);
  for(int x=0;x<600;x+=100){
    for(int y=0;y<400;y+=100){
      myColor[x/100][y/100]=color(random(350),random(350),random(350));
    }
  }
}

void draw(){
  for(int x=0;x<600;x+=100){
    for(int y=0;y<400;y+=100){
      fill(255,255,0);
      rect(x,y,100,100); //正方形
      
      fill (myColor[x/100][y/100]);
      ellipse(x+50,y+50, 50, 50);//圓形
      
      fill(255,255,255,dist(x,y,mouseX,mouseY));//(顏色,隨滑鼠移動改變透明度)
      triangle(x+35, y+45, x+55, y+60, x+65,y+45);//三角形
    }
  }
}