week03 多拉a夢

 Step01:以網址的形式讀取讀一張Doraemon的圖片，直接將圖片拖曳至視窗裡頭也沒問題!但loadImage("  ")雙引號裡面要改成圖片名稱.PNG。

程式碼如下:

PImage img;

void setup(){

  size(500,500);

  img=loadImage("https://image.shutterstock.com/image-vector/doraemon-vector-funny-white-background-600w-1656373168.jpg");

}

void draw(){

  image(img,0,0,500,500);

Step02:讓哆啦a夢跟著屬標移動

程式碼如下:

PImage img1,img2;

void setup(){

  size(500,500);

  img1=loadImage("sky.png");

  img2=loadImage("dora.jpg");

}

void draw(){

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

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

}

Step03:去背

使用PowerPoint 去背

Step04:多拉a夢置中滑鼠游標

將程式碼 image(img2,mouseX,mouseY,100,100);更改為image(img2,mouseX-100,mouseY-100,200,200); 另類寫法

程式碼如下:

PImage img1,img2;

void setup(){

  size(500,500);

  img1=loadImage("sky.png");

  img2=loadImage("dora.png");

}

void draw(){

  imageMode(CORNER);

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

  imageMode(CENTER);

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

}

Step05:使用Processing撥放音樂

Step06:按鍵都蕊咪!

程式碼如下:

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

}

Step07:當我按按鍵的時候，白色格子會轉紅

程式碼如下:

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

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

  }

}