week02

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

}

3. 試用 Processing-Help-Reference

3.1. 找 rect() 函式
3.2. 看看 rect() 樓上樓下的相關函式, 並嘗試畫出和老師不同的圖  [課堂作業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);

   ellipse(x+50, y+50, 90, 90);

   ellipse(x+30, y+40, 30, 30);

   ellipse(x+70, y+40, 30, 30);

   rect(x+25, y+60, 50, 30);

  } 

 }

}

4. 那想要改變顏色呢?

4.1. fill() 是填充的顏色, stroke()是筆的顏色
4.2. 透明的顏色(alpha),其實也是顏色(color) [課堂作業2]把你獨一無二的圖,加點不同的色彩吧

5. 加一點點滑鼠的互動吧! 可以使用 mouseX 及 mouseY 的值,來進行色彩繽紛的運算

6. 亂數 random(數字上界) 來設定初始的亂數值 [課堂作業3] 利用mouseX,mouseY,random()做設計

    大小random

    座標random

顏色random