2016年9月5日 星期一

Week01 陳映心

課堂作業 1 : 看學長姐作品


課堂作業 2 :


1. 畫線 line (x1, x2, y1, y2);

 2. 更改筆觸顏色   stroke(顏色編號);

3. 更改視窗大小   size(x, y);

4. 更改筆觸粗細    strokeWeight(筆觸粗細)

5. 用line畫出一個彈弓  
    (1) 先寫函式
     void setup(){ }//設定視窗
     void draw(){ }//開始畫圖

     (2)利用小畫家找出座標點
     line (181, 508, 207, 555);
     line (234, 508, 207, 555);
     line (207, 555, 207, 613);

6. 讓彈弓的線跟著滑鼠移動
     line (181, 508, mouseX, mouseY);
     line (234, 508, mouseX, mouseY);

7. 更改背景顏色
     background(255);

8. 調整彈弓顏色及位置、放入圖片並讓圖片跟著滑鼠移動
  PImage img; 
  void setup(){
  size (400, 400);
  img=loadImage("bird.png");
 }
 void draw(){
  background(255);
  stroke (#277BBF);
  strokeWeight (10);
  line (181, 308, 207, 355);
  line (234, 308, 207, 355);
  line (207, 355, 207, 413);
  stroke (#E86EE0);
  strokeWeight (7);
  line (181, 308, mouseX, mouseY);
  line (234, 308, mouseX, mouseY);
  image (img, mouseX, mouseY);
}

9.  調整圖片大小、中心
  PImage img;
  void setup(){
  size (400, 400);
  img=loadImage("bird.png");
  imageMode (CENTER);
 
  }
  void draw(){
  background(255);
  stroke (#277BBF);
  strokeWeight (10);
  line (181, 308, 207, 355);
  line (234, 308, 207, 355);
  line (207, 355, 207, 413);
  stroke (#E86EE0);
  strokeWeight (7);
  line (181, 308, mouseX, mouseY);
  line (234, 308, mouseX, mouseY);
  image (img, mouseX, mouseY, 80, 80);
 }



沒有留言:

張貼留言