Week01 林佳芳

0. 課程準備
0.1. 加入 課程FB社團
0.2. Google文件 填寫修課資料 (學號姓名,email,電話)
0.3. 加入 Blog, 設定

＊編交作業方式: 
tag: 000葉正聖老師, Week01, 00160011葉大明
(逗號隔開, 學號姓名間不要有空格)

1. 看一下去年學長姐們做的成果 (划船、吃角子老虎、數位手套、直昇機控制搖桿), 聖誔老公公下樓梯
2. 試著執行 Processing

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

老師做的 Angry Birds Brick
http://www.cmlab.csie.ntu.edu.tw/~jsyeh/processing/angryBirdsBrick/

size(600,600);//設定視窗大小
background(255,0,0);//背景色
rect(100,100,200,200);//在視窗100,100的位置畫200*200的四邊形
PImage imgBird=loadImage("http://www.cmlab.csie.ntu.edu.tw/~jsyeh/processing/angryBirdsBrick/bird.png");//載入圖片
PImage imgPig =loadImage("http://www.cmlab.csie.ntu.edu.tw/~jsyeh/processing/angryBirdsBrick/pig.gif");
//載入圖片
image(imgBird,0,0);//圖片放置視窗內 (變數,x,y,長,寬)
image(imgPig,200,200,100,100);//圖片放置視窗內 (變數,x,y,長,寬)

3.第三節課的範例
＊Edit>Auto Format 自動排版(快速鍵：Ctrl+T)

PImage imgBird, imgPig; //宣告

void setup() {//設定函式
  size(600, 600);//設定視窗大小
  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(255, 0, 0);//背景可清除圖片殘影
  image(imgBird, mouseX, mouseY);//圖片位置跟著滑鼠 *圖A程式碼寫在前面，則會被圖B覆蓋住
  image(imgPig, 200, 200, 100, 100);//圖片放置視窗內 函式(變數,x,y,長,寬)
}

Cousera線上Processing教學(英)：https://class.coursera.org/digitalmedia-001/lecture/index