第一週 課堂作業

1. 看一下去年學長姐們做的成果 (划船、吃角子老虎、數位手套、直昇機控制搖桿), 聖誔老公公下樓梯
2. 試著執行 Processing
3.下載processing軟體 http://processing.org/
4.線上自學影片 https://class.coursera.org/digitalmedia-001/lecture/index



開始練習Processing:

size(600,600); //設定視窗大小
background(255, 0, 0); //背景顏色
rect(100,100, 200,200); //畫四邊形, 設定位置 大小

秀出網路上的圖片:

PImage imgBird = loadImage("網址");

PImage imgPig = loadImage("http://www.cmlab.csie.ntu.edu.tw/~jsyeh/processing/angryBirdsBrick/pig.gif");

image(imgBird,0,0); //秀出圖片
image(imgPig,200,200,400,400);  //設定位置和大小

寫成涵式寫法:

PImage imgBird, imgPig; //宣告

void setup() {
  size(800, 800);
  imgBird = loadImage("http://www.cmlab.csie.ntu.edu.tw/~jsyeh/processing/angryBirdsBrick/bird.png");
  imgPig = loadImage("http://www.cmlab.csie.ntu.edu.tw/~jsyeh/processing/angryBirdsBrick/pig.gif");

  imageMode(CENTER); //把圖中心點放在游標上, 所有圖的座標位置都從左上角變到中心點
}

void draw() {
  background(0, 255, 0);
  image(imgBird, mouseX, mouseY);
  image(imgPig, 200, 200, 400, 400);
}