week03

今天待在家線上遠距

🔹找到一張喜歡的圖片，並右鍵複製圖片位址，在程式碼內新增網址

PImage img; void setup(){ size(500,500); img=loadImage("https://prd-image-masters.caravan-stories.com.tw/c/sig=1.wJPHhERFgwnK6pqXcpnOuTgK_Pkdv2HcqqPh335P2iM=/caravan-stories/masters/production-tw/attachments/1b21c7fb435b583e0592c03c04df26a9.jpg"); } void draw(){ image(img,0,0); }

🔸將圖片拉進來Processing內可以不用透過網路直接開啟，ctrl+k可以開啟檔案資料夾

PImage img; void setup(){ size(500,500); img=loadImage("background.jpg"); } void draw(){ image(img,0,0); }

🔹將這行改掉可以調整圖片大小

image(img,0,0,400,400);

🔸接著我們找第二張圖片，匯入一張小哆啦，且他跟著滑鼠移動

PImage img1,img2; void setup(){ size(500,500); img1=loadImage("background.jpg"); img2=loadImage("background2.jpg"); } void draw(){ image(img1,0,0,400,400); image(img2,mouseX,mouseY,100,100); }

🔹用ppt把小哆啦去背後匯入進來並把被警調回滿版大小，成功有了去背的小哆啦

🔸將滑鼠xy座標更改，滑鼠就會跟著小哆啦正中心的肚子跑

image(img2,mouseX-50,mouseY-50,100,100);

🔹更改一下程式碼，會發現左上有一張圖，小哆啦跟著滑鼠移動一直跑而且留下很多個小哆啦

PImage img1,img2; void setup(){ size(500,500); img1=loadImage("background.jpg"); img2=loadImage("background2.png"); } void draw(){ image(img1,0,0,500,500); imageMode(CENTER); image(img2,mouseX-50,mouseY-50,100,100); }

🔸加了corner後，小哆啦就會直接在滑鼠正中央跟隨了，不需要像之前在mouse後面加減數字了

PImage img1,img2; void setup(){ size(500,500); img1=loadImage("background.jpg"); img2=loadImage("background2.png"); } void draw(){ imageMode(CORNER); image(img1,0,0,500,500); imageMode(CENTER); image(img2,mouseX,mouseY,100,100); }

🔹安裝minim跟sound

🔸打開playfile可以有程式碼跟音效

🔹將playfile 程式碼中的 groove.mp3檔案拉進去Processing內，就可以輸出製作音樂

import ddf.minim.*; Minim minim; AudioPlayer player; void setup(){ size(500,500); minim = new Minim(this); player = minim.loadFile("groove.mp3"); player.play(); } void draw(){ }

🔸讀入兩個音檔，一個是背景音樂，一個是點擊播放

void setup() { size(500,500); minim = new Minim(this); player = minim.loadFile("groove.mp3"); player2 = minim.loadFile("bg.mp3"); player2.play(); } void draw() { } void mousePressed() { player.play(); }

🔹按鍵播放do、re、mi、fa、so

import ddf.minim.*; Minim minim; AudioPlayer doo,re,mi,fa,so; void setup() { size(500,500); minim = new Minim(this); doo = minim.loadFile("doo.wav"); re = minim.loadFile("re.wav"); mi = minim.loadFile("mi.wav"); fa = minim.loadFile("fa.wav"); so = minim.loadFile("so.wav"); } void draw() { } void keyPressed() { if(key == '1') {doo.rewind(); doo.play();} if(key == '2') {re.rewind(); re.play();} if(key == '3') {mi.rewind(); mi.play();} if(key == '4') {fa.rewind(); fa.play();} if(key == '5') {so.rewind(); so.play();} }