99163116 鄭祥斌

void setup() {   設定迴圈
  size(600, 400);
}

void draw() {    畫圖迴圈
  for (int x=0;x<600;x+=50) {
    for (int y=0;y<400;y+=50) {
      rect(x, y, 100, 100);  x,y座標為變數
    }
  }
}

void setup() {

  size(600, 400);

}

void draw() {

  for (int x=0;x<600;x+=50) {

    for (int y=0;y<400;y+=50) {

      fill(0,255,200); fill為設定顏色

      rect(x, y, 100, 100);

    }

  }

}

                                                                    參考範例

void setup() {

  size(600, 400);

}

void draw() {

  for (int x=0;x<600;x+=50) {

    for (int y=0;y<400;y+=50) {

      fill(200,100,150);

      rect(x, y, 100, 100);

      ellipse(x+25,y+25,20,20);設定橢圓形，然後將橢圓使用變數設定變為正圓形，且置中於方框內

    }

  }

}

void setup() {

  size(600, 400);

}

void draw() {

  for (int x=0;x<600;x+=50) {

    for (int y=0;y<400;y+=50) {

      fill(200,100,180);充填顏色(這裡調配的是紫色)，在畫方形前所填充的顏色

      rect(x, y, 100, 100);

      fill(255,255,0);充填顏色(這裡調配的是黃色)，在畫橢圓形前所填充的顏色

      ellipse(x+25,y+25,20,20);

      fill(0,255,255);充填顏色(這裡調配的是淡藍色)，在畫三角形前所填充的顏色

      triangle(x+12.5,y, x+25,y+25, x,y+25);設定三角形，然後放在圓形的左上角

    }

  }

}

                                                 橢圓形內是alpha值(透明度)

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

void draw() {
  for (int x=0;x<600;x+=50) {
    for (int y=0;y<400;y+=50) {
      fill(200,100,180);
      rect(x, y, 100, 100);
      fill(255,255,0, dist(x,y,mouseX,mouseY)/0.85);dist是距離，然後後面*的數字越大，範圍越小
      ellipse(x+25,y+25,20,20);
      fill(0,255,255);
      triangle(x+12.5,y, x+25,y+25, x,y+25);
    }
  }
}

color [][] myColor= new color[12][8];宣告彩色陣列為12*8

void setup() {

  size(600, 400);

  for (int x=0;x<600;x+=50) {

    for (int y=0;y<400;y+=50) {

      myColor[x/100][y/100]=color(random(256),random(256),random(256));設定新的陣列及亂數序列，來改變顏色變化...............random是亂數

    }

  }

}

void draw() {

  for (int x=0;x<600;x+=50) {

    for (int y=0;y<400;y+=50) {

      fill(200, 100, 180);

      rect(x, y, 100, 100);

      fill(255, 255, 0, dist(x, y, mouseX, mouseY)/0.85);

      ellipse(x+25, y+25, 20, 20);

      fill(myColor[x/100][y/100]);設定陣列，x,y座標除以某數，是因為原本設定的彩色陣列為12*8，但圖片座標大小為600*400，所以才需除以100使得其數值大小得以匹配(example:600/100=6，400/100=4)

      triangle(x+12.5, y, x+25, y+25, x, y+25);

    }

  }

}

stroke是筆的顏色

課堂作業4(心得):從開學到現在已經第2堂課了，目前上課的速度我覺得還ok但可以稍微慢一點，因為有時程式的部分要理解以及作筆記這樣才不會忘記，最後還要活用，所以如果課程內容接得很緊湊的話，怕會吸收不了!!課程內容的話目前都還蠻有趣的!!