橘貓(互動技術筆記_week03)

 使用Processing讀圖片

本日程式碼重點(今天的酷東西)

圖片

img=loadImage//讀圖片  

imageMode(CORNER);///將圖片對其角邊

image(img,0,0,1000,600);//(圖片名稱,,,,)

imageMode(CENTER);//將圖片置中

音檔

player=minim.loadFile("lalala.mp3");////讀音檔

  player.play();///播放音檔

(一)兩個讀圖片的版本

1. 使用網頁圖片:讀取網路圖片,不用下載
2. 讀電腦中的照片:將圖片下載至放程式碼的資料夾

(二)修改照片大小方式

(三)可用跟著游標的圖片

(四)撥放音檔

1.!鹿!

(一)

1.網頁讀圖程式碼:

PImage img;

void setup(){

  size(1000,600);

  img=loadImage("http://c.files.bbci.co.uk/101E9/production/_104852066_gettyimages-860189480.jpg");

}

void draw(){

  image(img,0,0);

}

2.!鹿鹿鹿鹿鹿!

2.電腦中的照片程式碼:

PImage img;

void setup(){

  size(1000,600);

  //img=loadImage("http://c.files.bbci.co.uk/101E9/production/_104852066_gettyimages-860189480.jpg");

  img=loadImage("deer.jpg");

}

void draw(){

  image(img,0,0);

}

(二)修改照片大小方式

//在darw函式中修改

void draw()

{ //image(img,0,0);將這個改成下面那行

    image(img,0,0,500,500);//(圖片編號,X,Y,X1,Y1)}

(三)

鹿鹿bily鹿鹿鹿

首先需要找一張有去背的圖片，接著使用img=loadImage()讀入，最後使用 image(img1,mouseX,mouseY,100,100);讓圖片跟著游標。

程式碼:

PImage img,img1;

void setup(){

  size(1000,600);

  //img=loadImage("http://c.files.bbci.co.uk/101E9/production/_104852066_gettyimages-860189480.jpg");

  img=loadImage("deer.jpg");

  img1=loadImage("bily.png");

  

}

void draw(){

  image(img,0,0);

  image(img1,mouseX-100,mouseY-100,200,200);

}

進化版程式碼:

void draw(){

  image(img,0,0);

 
image(img1,mouseX-100,mouseY-100,200,200);}

改成

void draw(){

  imageMode(CORNER);///自動去角邊

  image(img,0,0,1000,600);

  imageMode(CENTER);//自動置中

  image(img1,mouseX,mouseY,200,200);

}

(四)先下函式庫

需下載以上兩個綠勾勾

接著打開範例參考程式碼(檔案->範例->Contributed Libraries第三方貢獻的函式庫 ->Minim->PlayFile(點開)

擷取需要的程式碼後，就可以撥放音檔了!!!

1.撥放一個音檔

程式碼:

import ddf.minim.*;

Minim minim;

AudioPlayer player;

void setup(){

  size(500,500,P3D);

  minim=new Minim(this);

  player=minim.loadFile("groove.mp3");

  player.play();

}

2.撥放兩個音檔(新增藍色部分)

程式碼: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("lalala.mp3");////讀音檔

  player2.play();///播放音檔

}

void draw(){

}

void mousePressed(){

  player.play();

}

3.鋼琴程式碼:

import ddf.minim.*;

Minim minim;

AudioPlayer doo,re,mi,fa,so;

void setup(){

  size(500,100);

  minim=new Minim(this);

  doo=minim.loadFile("do.wav");

  re=minim.loadFile("re.wav");

  mi=minim.loadFile("mi.wav");

  fa=minim.loadFile("fa.wav");

  so=minim.loadFile("so.wav");

}

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();}

}

void draw(){

}