(☞ﾟヮﾟ)☞ Week03

  

✨Week03✨

🐧讀取圖片

把圖片檔案拖曳到Processing

💻程式碼

PImage img;

void setup()

{

  size(500,500);

  img=loadImage("sky.jpg");//("檔案名稱 或 圖片位址")

}

void draw()

{

  image(img,0,0,400,400);//(圖案,座標x,座標y,寬,高)

}

讀取兩張圖片 一張跟著滑鼠移動

💻程式碼

PImage img1,img2;

void setup()

{

  size(500,500);

  img1=loadImage("sky.jpg");

  img2=loadImage("moon.png");

}

void draw()

{

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

  image(img2,mouseX,mouseY,100,100);//圖片跟著滑鼠移動

}

圖片用PowerPoint去背 Ctrl+K開啟資料夾

將滑鼠放到圖片中心

💻程式碼

PImage img1,img2;

void setup()

{

  size(500,500);

  img1=loadImage("sky.jpg");

  img2=loadImage("pic1.png");

}

void draw()

{

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

  image(img2,mouseX-50,mouseY-50,100,100);//-50是因為將圖片往滑鼠(圖案左上)的方向移動 而不是滑鼠移動到圖片中心

}

ImageMode

💻程式碼

PImage img1,img2;

void setup()

{

  size(500,500);

  img1=loadImage("sky.jpg");

  img2=loadImage("pic1.png");

}

void draw()

{

  imageMode(CORNER);//在座標位置從圖片的左上開始放

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

  imageMode(CENTER);//將圖片的中心放置在座標上

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

}

🐧聲音

路徑 Sketch>Libary>Add Libary

搜尋Sound 安裝Minim和Sound

開啟minim範例 File>examples, Contributed...>Basics>PlayFile

💻程式碼

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("stay.mp3");

  player2.play();

}

void draw()

{

}

void mousePressed()

{

  player.play();

}

模擬鋼琴

💻程式碼

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()//rewind重播音檔 play播放

{

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

{

}

按下鋼琴變紅色

💻程式碼

import ddf.minim.*;

Minim minim;

AudioPlayer doo,re,mi,fa,so;

void setup()

{

  size(500,101);

  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();down[0]=1;}

  if(key=='2'){re.rewind(); re.play();down[1]=1;}

  if(key=='3'){mi.rewind(); mi.play();down[2]=1;}

  if(key=='4'){fa.rewind(); fa.play();down[3]=1;}

  if(key=='5'){so.rewind(); so.play();down[4]=1;}//按下按鍵變色

}

void keyReleased()

{

  if(key=='1')down[0]=0;

  if(key=='2')down[1]=0;

  if(key=='3')down[2]=0;

  if(key=='4')down[3]=0;

  if(key=='5')down[4]=0;//放開按鍵變回原色

}

int [] down={0,0,0,0,0};//宣告陣列

void draw()

{

  background(255);

  for(int i=0;i<5;i++)//用迴圈

  {

    if(down[i]==0)fill(255);//原色

    else fill(255,0,0);//變紅色

    rect(i*100,0,100,100); //按鍵大小

  }

}