2013年9月16日 星期一

WEEK02,課堂作業

第1節
教for迴圈應用
程式碼
void setup() { 
  size(600, 600);視窗尺寸
   background(255,128,0);背景顏色
}
void draw()
{
    for (int x=0;x<600;x+=50) {
       for (int y=0;y<600;y+=50)
       { 
         fill(128,0,128);面的顏色
         stroke(0,255,0);線的顏色
         rect(x, y, 100, 100);畫框框
         for (int a=0;a<600;a+=50){
         for (int b=0;b<500;b+=50){
      
      fill(0,0,128);面的顏色
      stroke(255,0,128);線的顏色
      ellipse(x+50, y+50, x+50, y+50);畫橢圓
      triangle(a+25, b+70, a+53, b+15, a+81,b+70);畫三角形
       }
     }
      
      
    }
  }
}


第2節
教面的顏色和線的顏色,圖形的座標,滑鼠移動顏色的變化
程式碼

void setup() { 
  size(600, 600);視窗尺寸
  background(255,128,0);背景顏色
}
void draw()
{
  for (int x=0;x<600;x+=100) {
    for (int y=0;y<600;y+=100)
    { 
      fill(128,0,128);正方形的顏色
      stroke(0,255,0);正方形線的顏色
      rect(x, y, 100, 100);正方形
       
      fill(255,0,128,dist(x,y,mouseX,mouseY)*4);大圓的顏色,當移動滑鼠時會改變透明化
      stroke(255,0,128);大圓線的顏色
      ellipse(x+50, y+50, 50, 50);
      
      fill(255,0,0,128);左三角形的顏色
      stroke(255,255,0);三角形線的顏色
      triangle(x+10, y+30,x+40, y+10, x+40,y+40);三角形
      
       fill(255,0,0,128);右三角形的顏色
      stroke(255,255,0);三角形線的顏色
      triangle(x+90, y+30,x+50, y+10, x+55,y+40);三角形
      
      fill(0,0,128);小圓的顏色
      stroke(0,255,0,dist(x,y,mouseX,mouseY)*2);小圓線的顏色,當移動滑鼠時會改變透明化
      ellipse(x+50, y+60, 20, 20);小圓
    }
  }
}
第3節
設新的陣列,在利用random改變顏色的變化
程式碼
color[][]mycolor=new color[6][6];設新的陣列為6*6
void setup() { 
  size(600, 600);
  background(255,128,0);
  for(int x=0;x<600;x+=100)
  { 
    for (int y=0;y<600;y+=100)
    {
      mycolor[x/100][y/100]= color(random(256),random(256),random(256));設定新的陣列,random序列的顏色,來改變顏色的變化,由於陣列初始設定為6*6的陣列,由於視窗的大小為600*600為了避免超出原本所設的陣列,將X,Y除100,才可以避免超出初始設定的陣列
    }
    
  }
}
void draw()
{
  for (int x=0;x<600;x+=100) {
    for (int y=0;y<600;y+=100)
    { 
      fill(128,0,128);
      stroke(0,255,0);
      rect(x, y, 100, 100);
       
      fill(255,0,128,dist(x,y,mouseX,mouseY)*4);
      stroke(255,0,128);
      ellipse(x+50, y+50, 50, 50);
      
      fill(255,0,0,128);
      stroke(255,255,0);
      triangle(x+10, y+30,x+40, y+10, x+40,y+40);
      
       fill(255,0,0,128);
      stroke(255,255,0);
      triangle(x+90, y+30,x+50, y+10, x+55,y+40);
      
      fill(mycolor[x/100][y/100]);每次跑程式會依random跑出不同顏色的小圓
      stroke(0,255,0,dist(x,y,mouseX,mouseY)*2);
      ellipse(x+50, y+60, 20, 20);
      
   
      
    }
  }
}

心得:一開始對於這個程式沒有觸碰過,以為會很難,但經由老師慢慢地講解,以及有小幫手可以查函式,讓我對於這門課比較有興趣,老師在上課的時候有點過快,希望可以稍微講慢一點,這樣我會比較容易吸收進去,也比較不會那麼趕,在內容的部分我覺得還蠻有趣的,從零開始學起,我覺得很好,也很有興趣,越來越喜歡這堂課了。


沒有留言:

張貼留言