Week05 芷萱的課堂筆記

一、大眼睛互動

*先找出兩眼聚焦的視線


*程式碼
void setup(){
  size(400,400);
}
void draw(){
  background(128);
  strokeWeight(20);
  ellipse(100,200,180,360);
  ellipse(300,200,180,360);
  
  ellipse(100,200,10,10);
  ellipse(300,200,10,10);
  line(mouseX,mouseY,100,200);
  line(mouseX,mouseY,300,200);
}

*算出角度

*程式碼

void setup(){

  size(800,800);

}

void draw(){

  background(128);

  strokeWeight(20);

  ellipse(100,200,180,360);

  ellipse(300,200,180,360);

  float angle1=atan2((mouseY-200)/2,mouseX-300);

  float newX1=300+100*cos(angle1)/2;

  float newY1=200+200*sin(angle1)/2;

  ellipse(newX1,newY1,10,10);

  float angle2=atan2((mouseY-200)/2,mouseX-100);

  float newX2=100+100*cos(angle2)/2;

  float newY2=200+200*sin(angle2)/2;

  ellipse(newX2,newY2,10,10);

}

二、泡泡龍遊戲

*畫線準備讓泡泡球能沿著線射出去

*程式碼

void setup(){

  size(400,800);

}

void draw(){

  background(0,128,0);

  fill(#0FFFED); ellipse(200,600,100,100);

  line(mouseX,mouseY,200,600);

  float angle=atan2(mouseY-600,mouseX-200);

  fill(#FFDC0F); ellipse(200+50*cos(angle),600+50*sin(angle),30,30);

}

*讓泡泡球能沿著線射出去，沿著舊速度發射

*程式碼

void setup(){

  size(400,800);

}

float ballX=200,ballY=600;

float ballVX=0,ballVY=0;

float angle=0;

void draw(){

  background(0,128,0);

  fill(#0FFFED); ellipse(200,600,100,100);

  line(mouseX,mouseY,200,600);

  fill(#FFDC0F); ellipse(ballX,ballY,30,30);

  angle=atan2(mouseY-600,mouseX-200);

  

  ballX+=ballVX;

  ballY+=ballVY;

}

void mouseMoved(){

  ballX=200+50*cos(angle);

  ballY=600+50*sin(angle);

}

void mousePressed(){

  ballVX=cos(angle);

  ballVY=sin(angle);

}

*用陣列讓泡泡球增加到10顆，不需要畫線，且球能沿著新速度發射

*程式碼(發射到第十顆程式會當掉)

void setup(){

  size(400,800);

}

float [] ballX=new float[10];

float [] ballY=new float[10];

float [] ballVX=new float[10];

float [] ballVY=new float[10];

float [] angle=new float[10];

int now=0;//now which ball is it

void draw(){

  background(0,128,0);

  fill(#0FFFED); ellipse(200,600,100,100);

  for(int i=0;i<10;i++){

    fill(#FFDC0F); ellipse(ballX[i],ballY[i],30,30);

    ballX[i]+=ballVX[i]; ballY[i]+=ballVY[i];

  }

  angle[now]=atan2(mouseY-600,mouseX-200);

}

void mouseMoved(){

  ballX[now]=200+50*cos(angle[now]); ballY[now]=600+50*sin(angle[now]);

}

void mousePressed(){

  ballVX[now]=cos(angle[now]); ballVY[now]=sin(angle[now]);

  now++;

}

*超過10顆泡泡球就回收，讓他可以一直發射

*程式碼(發射完十顆可以繼續發射)

void setup(){

  size(400,800);

}

float [] ballX=new float[10];

float [] ballY=new float[10];

float [] ballVX=new float[10];

float [] ballVY=new float[10];

float [] angle=new float[10];

int now=0;//now which ball is it

void draw(){

  background(0,128,0);

  fill(#0FFFED); ellipse(200,600,100,100);

  for(int i=0;i<10;i++){

    fill(#FFDC0F); ellipse(ballX[i],ballY[i],30,30);

    ballX[i]+=ballVX[i]; ballY[i]+=ballVY[i];

  }

  angle[now]=atan2(mouseY-600,mouseX-200);

}

void mouseMoved(){

  ballX[now]=200+50*cos(angle[now]); ballY[now]=600+50*sin(angle[now]);

}

void mousePressed(){

  ballVX[now]=cos(angle[now]); ballVY[now]=sin(angle[now]);

  now++;

  if(now>=10) now=0;//protect the array not bigger than>=10

}