week03

今天我們回歸全實體上課

第一堂課是補課

一開始老師教我們用圖片網址來讀圖檔

使用img=loadImage("圖片網址")

就可以讓程式讀出這張圖片

PImage img;//圖片,聲音

void setup(){

  size(500,500);

  img=loadImage("https://upload.wikimedia.org/wikipedia/zh/c/c8/Doraemon_volume_1_cover.jpg");

}

void draw(){

  image(img,0,0);

}

如果圖片讀不出來，可以先下載下來，然後直接把圖片拉到程式裡

再把圖片網址改成圖片的檔名就可以了

之後如果想要縮放圖片的大小

只要在最下面那一行程式的括號裡面多加上自己想要的圖片大小就好了

再來可以讓系統讀兩張圖片

一張當作背景,另一張可以跟著滑鼠跑

PImage img1,img2;//圖片,聲音

void setup(){

  size(500,500);

  img1=loadImage("dora.jpg");

  img2=loadImage("doge.jpg");

}

void draw(){

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

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

}

再來我們可以用powerpoint把圖片去背

這樣就可以讓圖片的背景消失

然後把mouseX跟mouseY改一下就可以讓滑鼠保持在圖片的中間

以下是另一種寫法

PImage img1,img2;//圖片,聲音

void setup(){

  size(500,500);

  img1=loadImage("dora.jpg");

  img2=loadImage("doge.png");

}

void draw(){

  imageMode(CORNER);

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

  imageMode(CENTER);

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

}

之後我們學怎麼放出音樂

只要隨便點一下就可以放音樂

再來是可以先讓他自動放背景音樂

然後點一下滑鼠就可以再播放另一個音樂

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

  player.play();

}

void draw(){

}

void mousePressed(){

  player.play();

}

再進階就可以按鍵盤播出doremifaso

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

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

  

}