第四周目標:1.讓憤怒鳥和小朋友下樓梯變得更完整
2.了解processing得更多功能，方便完成其中作品
一: 讓鳥碰到豬，豬會消失
PImage imgBird, imgPig;
float birdX = 400, birdY = 300;
float birdVX = 0, birdVY = 0;
float birdAX =0, birdAY = 0;
float [][]pigx=new float[5][4];//宣告豬X,Y位置陣列
float [][]pigy=new float[5][4];
boolean [][]pigAlive=new boolean[5][4];
void setup(){
size(800,600);
imgBird=loadImage("bird.png");
imgPig=loadImage("pig.png");
imageMode(CENTER);
for(int i=0;i<5;i++){
for(int j=0;j<4;j++){
pigx[i][j]=700-i*100; pigy[i][j]=100+j*100; pigAlive[i][j]=true;
}
}
}
void draw(){
background(255);
for(int i=0;i<5;i++){
for(int j=0;j<4;j++){
if (dist(pigx[i][j], pigy[i][j], birdX, birdY)<100){
pigAlive[i][j]=false;//鳥碰到豬讓豬消失
}
if(pigAlive[i][j]) image(imgPig, pigx[i][j], pigy[i][j], 100, 100);
}
}
image(imgBird, birdX, birdY, 100, 100);
line(birdX, birdY, 400,300);
birdX += birdVX;
birdY += birdVY;
if(birdX<50){birdX=50; birdVX = -birdVX;}
if(birdX>width-50){birdX=width-50; birdVX= -birdVX;}
if(birdY<50){birdY=50; birdVY = -birdVY;}
if(birdY>height-50){birdY=height-50; birdVY= -birdVY;}
birdVX += birdAX;
birdVY += birdAY;
birdVX *= 0.995;
birdVY *= 0.995;
}
void mouseDragged(){
birdX=mouseX;
birdY=mouseY;
birdVX=birdVY=birdAX=birdAY=0;
}
void mouseReleased(){
birdVX = (400-mouseX)/10.0;
birdVY = (300-mouseY)/10.0;
birdAY = 0.98;
}
上面的程式碼產生步驟
void setup(){
size(800,600);
}
void draw(){
for(int i=0;i<5;i++){
for(int j=0;j<4;j++){
ellipse(700-i*100,100+j*100,100,100);
}
}
}
加入顏色
void setup(){
size(800,600);
}
void draw(){
for(int i=0;i<5;i++){
for(int j=0;j<4;j++){
ellipse(700-i*100,100+j*100,100,100);
}
}
fill(#F70C0C);ellipse(400,300,100,100);
}
用陣列來做事
float [][]pigx=new float[5][4];
float [][]pigy=new float[5][4];
boolean [][]pigAlive=new boolean[5][4];
void setup(){
size(800,600);
for(int i=0;i<5;i++){
for(int j=0;j<4;j++){
pigx[i][j]=700-i*100; pigy[i][j]=100+j*100; pigAlive[i][j]=true;
}
}
}
void draw(){
for(int i=0;i<5;i++){
for(int j=0;j<4;j++){
//llipse(700-i*100,100+j*100,100,100);
fill(#07DE0F);ellipse(pigx[i][j],pigy[i][j],100,100);
}
}
fill(#F70C0C);ellipse(400,300,100,100);
}
讓鳥的座標也用變數來做
float birdX = 100, birdY = 400;
float [][]pigx=new float[5][4];
float [][]pigy=new float[5][4];
boolean [][]pigAlive=new boolean[5][4];
void setup(){
size(800,600);
for(int i=0;i<5;i++){
for(int j=0;j<4;j++){
pigx[i][j]=700-i*100; pigy[i][j]=100+j*100; pigAlive[i][j]=true;
}
}
}
void draw(){
for(int i=0;i<5;i++){
for(int j=0;j<4;j++){
//llipse(700-i*100,100+j*100,100,100);
fill(#07DE0F);ellipse(pigx[i][j],pigy[i][j],100,100);
}
}
//fill(#F70C0C);ellipse(400,300,100,100);
fill(#F70C0C);ellipse(birdX, birdY,100,100);
}
寫好牛頓第一運動定律跟牛頓第二定律
讓鳥碰到豬會消失
float birdX = 100, birdY = 400;
float birdVX = 0, birdVY = 0;
float birdAX =0, birdAY = 0;
float [][]pigx=new float[5][4];
float [][]pigy=new float[5][4];
boolean [][]pigAlive=new boolean[5][4];
void setup(){
size(800,600);
for(int i=0;i<5;i++){
for(int j=0;j<4;j++){
pigx[i][j]=700-i*100; pigy[i][j]=100+j*100; pigAlive[i][j]=true;
}
}
}
void draw(){
background(255);
for(int i=0;i<5;i++){
for(int j=0;j<4;j++){
if (dist(birdX,birdY,pigx[i][j], pigy[i][j])<100) pigAlive[i][j]=false;
//llipse(700-i*100,100+j*100,100,100);
if(pigAlive[i][j]){fill(#07DE0F);ellipse(pigx[i][j],pigy[i][j],100,100);}
}
}
//fill(#F70C0C);ellipse(400,300,100,100);
fill(#F70C0C);ellipse(birdX, birdY,100,100);
birdX += birdVX;birdY += birdVY;
birdVX += birdAX;birdVY += birdAY;
}
void mouseDragged(){
birdX=mouseX;
birdY=mouseY;
}
接下來做出直線跟拋物線
void mouseDragged(){
birdX=mouseX;
birdY=mouseY;
birdAY = 0; //清除加速度才不會造成自由落體
}
void mouseReleased(){
birdVX = (100-mouseX)/5.0;
birdVY = (400-mouseY)/5.0;
birdAY = 0.98;
}
二: 加入音樂檔
音樂程式碼
import processing.sound.*;
SoundFile sound;
void setup(){
size(800,600);
sound=new SoundFile(this,"dora.mp3");
sound.play();
sound.loop();
}
改用minim播放
程式碼
import ddf.minim.*;
Minim minim;
AudioPlayer player;
void setup(){
size(800,600);
minim=new Minim(this);
player=minim.loadFile("dora.mp3",2048);
player.play();
}
void draw(){
}
