忘了吃午餐 week 03

    

今天在教如何在processing開圖片

•  PImage img;//圖片 影音
• img = loadImage("網址.jpg");
• 可將圖片下載→拉進Processing→img = loadImage("檔名.jpg");
• image(img,x座標,y座標,長,寬);

👇把寶寶丟進去

 👉   

      

👇程式碼:

PImage img;//圖片 影音

void setup(){

  size(500,500);

  img=loadImage("baby.jpg");

}///img = loadImage("網址.jpg");

void draw(){

  image(img,0,0 ,500,500);//image(img,x座標,y座標,長,寬)

}

========================================================

• 丟兩張圖片將其中一張位置設在滑鼠上
• 成果👇

😀補充:滑鼠位置和移動圖片不是相當的符合 

image(img2,mouseX-??,mouseY-??,100,100);可以把滑鼠位置矯正

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

👇這個方法也可以

👇程式碼: 

void setup(){

  size(500,500);

  img1 = loadImage("ada.jpg");

  img2 = loadImage("baby.jpg");

}

void draw(){

  image(img1,0,0,500,500);

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

}

😀補充:

1.ctrl + k開啟資料夾

2.ppt可以幫助圖片去背景

• 打開城市素描本-使用函式庫-安裝函式庫👇

 

• 安裝這兩個  (minim大部分電腦可以用 /sound 不一定) 👇 

• 以下為打開步驟👇

 

製作了一個撥放音樂的程式:

• 將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(){

}

• 👦然後
• 找個音樂丟進去 改個程式碼

程式碼:👇

import ddf.minim.*;

Minim minim;

AudioPlayer player,player2;

void setup(){

  size(500,500);

  minim = new Minim(this);

  player = minim.loadFile("groove.mp3");//音效

  player2 = minim.loadFile("King Gnu.mp3");//背景音樂

  player2.play();

}

void draw(){

}

void mousePressed(){

  player.play();

}