第一次上課教的程式碼
size(600,600); 設定大小為600*600的視窗
background(0,255,0); 背影(紅,綠,藍)
rect(100,100,200,200); 在座標100*100的位置畫出200*200大小的方形 (rect:方形)
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, 100,100, 100,100);
將憤怒鳥的圖片放在座標100*100上面,然後以100*100維度的大小呈現
image(imgPig, 200,200, 100,100);
將飛天豬的圖片放在座標200*200上面,然後以100*100維度的大小呈現
第三節上課內容:
PImage imgBird,imgPig; 宣告有imgBird,imgPig這2個參數
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);將滑鼠座標在圖片內置中,此範例是以imgBird為例子
}
void draw(){
background(0,255,0);
image(imgBird, mouseX, mouseY);
image(imgPig, 200,200, 100,100);
}
然後當程式執行的時候,游標移動時,憤怒鳥也會跟著移動且游標會在憤怒鳥的中心
教學網址:
https://class.coursera.org/digitalmedia-001/lecture/index
沒有留言:
張貼留言