畫面很亂主辦單位要不要管一下week03

 PImage img;

void setup(){

  size(500,500);

  img=loadImage("網址");

}

void draw(){

  image(img,0,0);

}

也可將網址的部分改成檔名

並將檔案拖入

圖的解析度可以在小畫家上做調整

可以在image(img,0,0);

這行後面加上座標就可以將圖片填滿

原本設定是一個img

多設定幾個就可以同時出現多張圖片

PImage img1,img2;

void setup(){

  size(500,500);

  img1=loadImage("1.png");

  img2=loadImage("2.png");

}

void draw(){

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

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

}

用ppt可將圖片去背

現在滑鼠所在的位置是在圖片左上角

若要滑鼠在圖片正中間的話

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

這個程式就將後面數字的一辦減去前面的mouse

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

這樣一來滑鼠就會在圖片正中心

第二種方法

可以改imageMode()

將imageMode改成center就會在正中心

但背景部分也會所以要將背景改成corner

PImage img1,img2;

void setup(){

  size(500,500);

  img1=loadImage("1.png");

  img2=loadImage("2.png");

}

void draw(){

imageMode(CORNER);

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

imageMode(CENTER);

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

}

接下來要處理聲音

先安裝

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

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

}