Week01 河蟹牌 - 今天沒吃早餐

 看學長姐的作品

1. https://www.youtube.com/watch?v=f9izK3qcMRY&feature=youtu.be

  

 ( 節奏鼓遊戲，運用Processing及Arduino，做出一套敲打水杯就能模擬出爵士鼓的音效。)

作業一 : 憤怒鳥的逆襲

1. 開啟 processing-2.2.1 資料夾 - 開啟 processing 檔案

2.  line( 10,10, 90,90); --- 畫一條線，代表從座標 (10,10) 到 (90,90) 

     Tools - Color Selector (可以選擇顏色)

     先打stroke() 再 ctrl+v 貼上

     stroke(#FF9F0D);   --- 代表筆觸的顏色

 

3. Help - Reference 可以找在裡面可以用的程式碼

    而在程式碼上選取+右鍵 Find in Reference 也可以找到這個程式碼在裡面的功能

4. size(800,600) --- 視窗大小(可縮放)
    strokeWeight(10); --- 線條粗細(放在stroke上方)
    line( 10,10, 900,900); --- 試試把座標延長

  


5. 可利用小畫家找圖的座標來利用

  void setup(){   ///設定
  size(800,600);
  strokeWeight(10);
  stroke(#FF9F0D);
}

void draw(){     ///畫出來的
  background(255);  ///背景白色
  line( 200,280, mouseX, mouseY);  ///代表畫跟著滑鼠座標移動
  line( 312,279, mouseX, mouseY);   ///代表畫跟著滑鼠座標移動
  line( 200,280, 269, 355);///!!!點很重要啦
  line( 312,279, 269, 355);///!!!
  line( 269,355, 269, 458);///!!!
}

 




6. 網路上找圖 (最好是png)
    左下圖檔拖曳進程式裡

    

下面會出現一行字

    



PImage img; ///p語言的圖檔
void setup(){
  size(800,600);
  img=loadImage("bird.png");  ///圖片
  imageMode(CENTER);    ///圖片置中
 
}
void draw(){
  background(255);///
  strokeWeight(5);stroke(#FF9F0D);
  line( 200,280, mouseX, mouseY);
  image(img, mouseX, mouseY, 100,100);
  line( 312,279, mouseX, mouseY);
  strokeWeight(10);stroke(#B74E07);
  line( 200,280, 269, 355);///!!!
  line( 312,279, 269, 355);///!!!
  line( 269,355, 269, 458);///!!!
}

成果 : 憤怒鳥會跟著滑鼠移動啦 ~~~




存檔 -- File -- save as