Week2

##課堂內容
http://2013interaction.blogspot.tw/2013/09/week02.html


##[課堂作業4]
Q:請大家寫一下到現在的心得 (ex. 速度, 內容, 想學的東西, 期待、希望、夢想..)
A:覺得Processing簡單好玩,感覺跟上學期的電腦圖學很像,會期待老師教其他新的功能
課堂速度一開始有點快,不過後面有留比較多的時間可以邊看著老師的筆記慢慢做完

##實作(課堂作業1~3)
雙層迴圈 畫格子

增加新圖形

上顏色

加上滑鼠控制做變化

(此例為綠色透明度隨滑鼠位置改變)

加入亂數 random(數字上界) 

(亂數控制圓形區塊的顏色)

===程式碼===
color[][]myColor=new color[6][4];//用開陣列存顏色,有6*4個
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(400),random(555),random(255));//加入亂數
           }
       }
}
void draw()
{
     for(int x=0;x<600;x+=100)
        {
          for(int y=0;y<400;y+=100)
            {
              fill(255,215,0);//上色(R,G,B,透明色);
              rect(x,y,100,100);//畫方形(x,y,寬,高);
           
              fill(0,225,100,dist(x,y,mouseX,mouseY));//上色(R,G,B,透明色);
              quad(x+40,y+5,x+70,y+10,x+60,y+50,x+30,y+60);//畫四邊形(角1x,角1y,角2x,角2y,角3x,角3y,角4x,角4y);
           
              fill(myColor[x/100][y/100]);//亂數上色;
              ellipse(x+26,y+16,15,15);//畫圓形(x,y,寬,高)
             
              fill(255,0,0);//上色(R,G,B,透明色);
              triangle(x+30,y+80,x+80,y+90,x+90,y+50);//畫三形(角1x,角1y,角2x,角2y,角3x,角3y)
            }
        }
}



**圖形函式
正方形rect(x,y,寬,高,所有圓角半徑)

       rect(x,y,寬,高,左上,右上,右下,左下)