2016年11月24日 星期四

20161124教學軟體設計_豐佳燕筆記


互動餐桌
Le Petie Chef


smart  table design


PVector []dish=new PVector[4];
void setup(){
size(640,480);
dish[0]= new PVector (100,100);
dish[1]= new PVector (540,100);
dish[2]= new PVector (100,380);
dish[3]= new PVector (540,380);
}

void draw(){
  background(255);
  ellipse (320,240,400,400);//roraying cicle
  ellipse(100,100,100,100);//以此座標做基準
  ellipse(540,100,100,100);
  ellipse(100,380,100,100);
  ellipse(540,380,100,100);
  for (int i=0; i<4; i++){
    ellipse(dish[i].x, dish[i].y,90,90);
    }
  }
  int nowDish=-1;
  void mousePressed(){
    for(int i=0; i<4; i++){
    if(dist(dish[i].x, dish[i].y, mouseX,mouseY)<45){
      nowDish=i;
}
    }
  }
void mouseDragged(){
  if(nowDish!=-1){
    dish[nowDish].x=mouseX;
    dish[nowDish].x=mouseY;
  }
}
void mouseReleased(){
  nowDish=-1;
}





可以選轉的餐盤
PVector [] dish=new PVector[4];
float [] r = {0,0,0,0};
float [] angle = {0,0,0,0};
void setup(){
size(640,480);
dish[0]=new PVector(100,100);
dish[1]=new PVector(540,100);
dish[2]=new PVector(100,380);
dish[3]=new PVector(540,380);
}
void draw(){
background(255);
ellipse(320,240, 400,400);//rotating circle
ellipse(100,100,100,100);
ellipse(540,100,100,100);
ellipse(100,380,100,100);
ellipse(540,380,100,100);
for(int i=0;i<4;i++){
ellipse(dish[i].x, dish[i].y, 90,90);
line(dish[i].x, dish[i].y, 320,240);
}
if(keyPressed){
for(int i=0;i<4;i++){
angle[i] -= 0.01;
dish[i].x= r[i] * cos(angle[i]) + 320;
dish[i].y= r[i] * sin(angle[i]) + 240;
}
}
}
int nowDish=-1;
void mousePressed(){
for(int i=0;i<4;i++){
if( dist(dish[i].x, dish[i].y, mouseX, mouseY) <45 ){
nowDish=i;
}
}
}
void mouseDragged(){
if( nowDish!= -1){
dish[nowDish].x=mouseX;
dish[nowDish].y=mouseY;
r[nowDish] = sqrt( (mouseX-320)*(mouseX-320) + (mouseY-240)*(mouseY-240) );
angle[nowDish] = atan2(mouseY-240, mouseX-320);
}
}
void mouseReleased(){
nowDish = -1;
}






可以用 HoloLens 加上空拍機, 學習太極拳

會轉動的車子,停車位置
void setup(){
size(640, 480, P3D);
rectMode(CENTER);
}
float carX=640/2, carY=320/2;
float carDir=PI, carWheel=0;
void drawCar(){
pushMatrix();
translate(carX, carY);
rotateZ(carDir);
rect(0,0,187,89);
drawWheel(127/2, 89/2, 1);
drawWheel(127/2, -89/2, 1);
drawWheel(-127/2, 89/2, 0);
drawWheel(-127/2,-89/2, 0);

if(keyPressed && keyCode==UP){
carX+= cos(carDir+carWheel); carY+=sin(carDir+carWheel);
carDir+=carWheel/50;
}else if(keyPressed && keyCode==DOWN){
carX-= cos(carDir+carWheel); carY-=sin(carDir+carWheel);
carDir-=carWheel/50;
}else if(keyPressed && keyCode==RIGHT){
carWheel+=0.01;
if(carWheel > 0.3) carWheel=0.3;
}else if(keyPressed && keyCode==LEFT){
carWheel-=0.01;
if(carWheel < -0.3) carWheel=-0.3;
}
popMatrix();
}
void drawWheel(float x, float y, int front){
pushMatrix();
translate(x,y);
if(front==1) rotateZ(carWheel);
rect(0,0, 40,20);
popMatrix();
}
void draw(){
background(100);
drawCar();
rect(0+187/2,0+89/2, 187, 89);
rect(450+187/2,0+89/2, 187, 89);
}








瘋狂程式




Week11 李彩鳳筆記

畫盤子
PVector [] dish=new PVector[4];
void setup (){
  size(640,480);
  dish[0]=new PVector(100,100);
  dish[1]=new PVector(540,100);
  dish[2]=new PVector(100,380);
  dish[3]=new PVector(540,380);
}
void draw (){
  background(255);
  ellipse(320,240,400,400);//rotating circle
  ellipse(100,100,100,100);
  ellipse(540,100,100,100);
  ellipse(100,380,100,100);
  ellipse(540,380,100,100);
  for(int i=0;i<4;i++){
    ellipse(dish[i].x,dish[i].y,90,90);
  }
}
int nowDish=-1;
void mousePressed(){
  for(int i=0;i<4;i++){
          nowDish=i;
    }
  }
}
void mouseDragged(){
  if(nowDish!= -1){
    dish[nowDish].x=mouseX;
    dish[nowDish].y=mouseY;
  }
}
void mouseReleased(){
  nowDish= -1;
}



旋轉盤子
PVector [] dish=new PVector[4];
float [] r = {0, 0, 0, 0};
float [] angle = {0, 0, 0, 0};
void setup() {
  size(640, 480);
  dish[0]=new PVector(100, 100);
  dish[1]=new PVector(540, 100);
  dish[2]=new PVector(100, 380);
  dish[3]=new PVector(540, 380);
}
void draw() {
  background(255);
  ellipse(320, 240, 400, 400);//rotating circle
  ellipse(100, 100, 100, 100);
  ellipse(540, 100, 100, 100);
  ellipse(100, 380, 100, 100);
  ellipse(540, 380, 100, 100);
  for (int i=0; i<4; i++) {
    ellipse(dish[i].x, dish[i].y, 90, 90);
    line(dish[i].x, dish[i].y, 320, 240);
  }
  if (keyPressed) {
    for (int i=0; i<4; i++) {
      angle[i] -= 0.01;
      dish[i].x= r[i] * cos(angle[i]) + 320;
      dish[i].y= r[i] * sin(angle[i]) + 240;
    }
  }
}
int nowDish=-1;
void mousePressed() {
  for (int i=0; i<4; i++) {
    if ( dist(dish[i].x, dish[i].y, mouseX, mouseY) <45 ) {
      nowDish=i;
    }
  }
}
void mouseDragged() {
  if ( nowDish!= -1) {
    dish[nowDish].x=mouseX;
    dish[nowDish].y=mouseY;
    r[nowDish] = sqrt( (mouseX-320)*(mouseX-320) + (mouseY-240)*(mouseY-240) );
    angle[nowDish] = atan2(mouseY-240, mouseX-320);
  }
}
void mouseReleased() {
  nowDish = -1;
}

使用 sin, cosin, atan2 計算角度
按下任何鍵即可旋轉


Car
void setup() {
  size(640, 480, P3D);
  rectMode(CENTER);
}
float carX=640/2, carY=320/2;
float carDir=0, carWheel=0;
void drawCar() {
  pushMatrix();
  translate(carX, carY);
  rotateZ(carDir);
  rect(0, 0, 187, 89);
  drawWheel(127/2, 89/2, 1);
  drawWheel(127/2, -89/2, 1);
  drawWheel(-127/2, 89/2, 0);
  drawWheel(-127/2, -89/2, 0);

  if (keyPressed && keyCode==UP) {
    carX+= cos(carDir+carWheel); 
    carY+=sin(carDir+carWheel);
    carDir+=carWheel/50;
  } else if (keyPressed && keyCode==DOWN) {
    carX-= cos(carDir+carWheel); 
    carY-=sin(carDir+carWheel);
    carDir-=carWheel/50;
  } else if (keyPressed && keyCode==RIGHT) {
    carWheel+=0.01;
    if (carWheel > 0.3) carWheel=0.3;
  } else if (keyPressed && keyCode==LEFT) {
    carWheel-=0.01;
    if (carWheel < -0.3) carWheel=-0.3;
  }
  popMatrix();
}
void drawWheel(float x, float y, int front) {
  pushMatrix();
  translate(x, y);
  if (front==1) rotateZ(carWheel);
  rect(0, 0, 40, 20);
  popMatrix();
}
void draw() {
  background(100);
  drawCar();
}


Car parking 
void setup() {
  size(640, 480, P3D);
  rectMode(CENTER);
}
float carX=640/2, carY=320/2;
float carDir=PI, carWheel=0;
void drawCar() {
  pushMatrix();
  translate(carX, carY);
  rotateZ(carDir);
  rect(0, 0, 187, 89);
  drawWheel(127/2, 89/2, 1);
  drawWheel(127/2, -89/2, 1);
  drawWheel(-127/2, 89/2, 0);
  drawWheel(-127/2, -89/2, 0);

  if (keyPressed && keyCode==UP) {
    carX+= cos(carDir+carWheel); 
    carY+=sin(carDir+carWheel);
    carDir+=carWheel/50;
  } else if (keyPressed && keyCode==DOWN) {
    carX-= cos(carDir+carWheel); 
    carY-=sin(carDir+carWheel);
    carDir-=carWheel/50;
  } else if (keyPressed && keyCode==RIGHT) {
    carWheel+=0.01;
    if (carWheel > 0.3) carWheel=0.3;
  } else if (keyPressed && keyCode==LEFT) {
    carWheel-=0.01;
    if (carWheel < -0.3) carWheel=-0.3;
  }
  popMatrix();
}
void drawWheel(float x, float y, int front) {
  pushMatrix();
  translate(x, y);
  if (front==1) rotateZ(carWheel);
  rect(0, 0, 40, 20);
  popMatrix();
}
void draw() {
  background(100);
  drawCar();
  rect(0+187/2, 0+89/2, 187, 89);
  rect(450+187/2, 0+89/2, 187, 89);
}




Week 11 Sean's note 60408027E

Idea:互動餐桌


PVector [] dish = new PVector[4];
float [] r = {0,0,0,0};
float [] angle = {0,0,0,0};
void setup(){
  size(640,480);
  dish[0]= new PVector(100,100);
  dish[1]= new PVector(540,100);
  dish[2]= new PVector(100,380);
  dish[3]= new PVector(540,380);
}

void draw(){
  background(255);
  ellipse(320,240, 400,400);//center
  ellipse(100,100, 100,100);
  ellipse(540,100, 100,100);
  ellipse(100,380, 100,100);
  ellipse(540,380, 100,100);
  for(int i=0; i<4; i++){
    ellipse(dish[i].x, dish[i].y, 90,90);
    line(dish[i].x, dish[i].y ,320,240);
  }
  if(keyPressed){
    for (int i=0; i<4; i++){
      angle[i] -= 0.1;
      dish[i].x = r[i] * cos(angle[i]) +320;
      dish[i].y = r[i] * sin(angle[i]) +240;
    }
  }
}
int nowDish = -1;
void mousePressed(){
    for(int i=0; i<4; i++){
    if ( dist(dish[i].x, dish[i].y, mouseX,mouseY) < 45 ){
      nowDish=i;
    }
  }
}
void mouseDragged(){
  if( nowDish!= -1){
    dish[nowDish].x=mouseX;
    dish[nowDish].y=mouseY;
    r[nowDish] = sqrt( (mouseX-320)*(mouseX-320) + (mouseY-240)*(mouseY-240));
    angle[nowDish] = atan2(mouseY-240, mouseX-320);
  }
}
void mouseReleased(){
  nowDish = -1;
}



練習停車

void setup() {
  size(640, 480, P3D);
  rectMode(CENTER);
}
float carX=640/2, carY=320/2;
float carDir=0, carWheel=0;
void drawCar() {
  pushMatrix();
  translate(carX, carY);
  rotateZ(carDir);
  rect(0, 0, 187, 89);
  drawWheel(127/2, 89/2, 1);
  drawWheel(127/2, -89/2, 1);
  drawWheel(-127/2, 89/2, 0);
  drawWheel(-127/2, -89/2, 0);

  if (keyPressed && keyCode==UP) {
    carX+= cos(carDir+carWheel); 
    carY+=sin(carDir+carWheel);
    carDir+=carWheel/50;
  } else if (keyPressed && keyCode==DOWN) {
    carX-= cos(carDir+carWheel); 
    carY-=sin(carDir+carWheel);
    carDir-=carWheel/50;
  } else if (keyPressed && keyCode==RIGHT) {
    carWheel+=0.01;
    if (carWheel > 0.3) carWheel=0.3;
  } else if (keyPressed && keyCode==LEFT) {
    carWheel-=0.01;
    if (carWheel < -0.3) carWheel=-0.3;
  }
  popMatrix();
}
void drawWheel(float x, float y, int front) {
  pushMatrix();
  translate(x, y);
  if (front==1) rotateZ(carWheel);
  rect(0, 0, 40, 20);
  popMatrix();
}
void draw() {
  background(100);
  drawCar();
}



成功停車!

void setup() {
  size(640, 480, P3D);
  rectMode(CENTER);
}
float carX=640/2, carY=320/2;
float carDir=PI, carWheel=0;
void drawCar() {
  pushMatrix();
  translate(carX, carY);
  rotateZ(carDir);
  rect(0, 0, 187, 89);
  drawWheel(127/2, 89/2, 1);
  drawWheel(127/2, -89/2, 1);
  drawWheel(-127/2, 89/2, 0);
  drawWheel(-127/2, -89/2, 0);

  if (keyPressed && keyCode==UP) {
    carX+= cos(carDir+carWheel); 
    carY+=sin(carDir+carWheel);
    carDir+=carWheel/50;
  } else if (keyPressed && keyCode==DOWN) {
    carX-= cos(carDir+carWheel); 
    carY-=sin(carDir+carWheel);
    carDir-=carWheel/50;
  } else if (keyPressed && keyCode==RIGHT) {
    carWheel+=0.01;
    if (carWheel > 0.3) carWheel=0.3;
  } else if (keyPressed && keyCode==LEFT) {
    carWheel-=0.01;
    if (carWheel < -0.3) carWheel=-0.3;
  }
  popMatrix();
}
void drawWheel(float x, float y, int front) {
  pushMatrix();
  translate(x, y);
  if (front==1) rotateZ(carWheel);
  rect(0, 0, 40, 20);
  popMatrix();
}
void draw() {
  background(100);
  drawCar();
  rect(0+187/2, 0+89/2, 187, 89);
  rect(450+187/2, 0+89/2, 187, 89);
}



Week 11 均均❤上課筆記

1.互動餐桌Le Petit Chef

2. 畫出互動餐桌



3.實作:互動餐桌-移動餐盤.按任意鍵旋轉




4.實作:停車遊戲






1124 許君平 上課筆記

11/24

1.互動餐桌Le Petit Chef













*實作:互動餐桌-可移動餐盤



















*實作:互動餐桌-移動餐盤.按任意鍵旋轉




















程式碼

PVector [] dish=new PVector[4];
float [] r={0,0,0,0};
float [] angle={0,0,0,0};
void setup(){
  size(640,480);
  dish[0]=new PVector(100,100);
  dish[1]=new PVector(540,100);
  dish[2]=new PVector(100,380);
  dish[3]=new PVector(540,380);
}
void draw(){
  background(255);
  ellipse(320,240,400,400);
  ellipse(100,100,100,100);
  ellipse(540,100,100,100);
  ellipse(100,380,100,100);
  ellipse(540,380,100,100);
  for(int i=0;i<4;i++){
    ellipse(dish[i].x, dish[i].y, 90,90);
    line(dish[i].x,dish[i].y,320,240);
  }
  if(keyPressed){
    for(int i=0;i<4;i++){
      angle[i]-=0.01;
      dish[i].x=r[i]*cos(angle[i])+320;
      dish[i].y=r[i]*sin(angle[i])+240;
    }
  }
}
int nowDish=-1;
void mousePressed(){
  for(int i=0;i<4;i++){
    if(dist(dish[i].x,dish[i].y,mouseX,mouseY)<45){
      nowDish=i;
    }
  }
}
void mouseDragged(){
  if(nowDish!=-1){
    dish[nowDish].x=mouseX;
    dish[nowDish].y=mouseY;
    r[nowDish]=sqrt((mouseX-320)*(mouseX-320)+(mouseY-240)*(mouseY-240));
    angle[nowDish]=atan2(mouseY-240,mouseX-320);
  }
}
void mouseReleased(){
  nowDish=-1;
}

2.路邊停車

















*實作:上下鍵車子前進後退,左右鍵車子左轉右轉

















程式碼
void setup(){
size(640, 480, P3D);
rectMode(CENTER);
}
float carX=640/2, carY=320/2;
float carDir=0.6, carWheel=0;
void drawCar(){
translate(carX, carY);
rotateZ(carDir);
rect(0,0,187,89);
if(keyPressed && keyCode==UP){
carX+= cos(carDir); carY+=sin(carDir);
}else if(keyPressed && keyCode==DOWN){
carX-= cos(carDir); carY-=sin(carDir);
}else if(keyPressed && keyCode==RIGHT){
carDir+=0.01;
}else if(keyPressed && keyCode==LEFT){
carDir-=0.01;
}
}
void draw(){
background(100);
drawCar();
}

*實作:加上車輪,上下鍵車子前進後退,左右鍵前輪左轉右轉


















程式碼
void setup(){
size(640, 480, P3D);
rectMode(CENTER);
}
float carX=640/2, carY=320/2;
float carDir=0, carWheel=0;
void drawCar(){
pushMatrix();
translate(carX, carY);
rotateZ(carDir);
rect(0,0,187,89);
drawWheel(127/2, 89/2, 1);
drawWheel(127/2, -89/2, 1);
drawWheel(-127/2, 89/2, 0);
drawWheel(-127/2,-89/2, 0);

if(keyPressed && keyCode==UP){
carX+= cos(carDir+carWheel); carY+=sin(carDir+carWheel);
carDir+=carWheel/50;
}else if(keyPressed && keyCode==DOWN){
carX-= cos(carDir+carWheel); carY-=sin(carDir+carWheel);
carDir-=carWheel/50;
}else if(keyPressed && keyCode==RIGHT){
carWheel+=0.01;
if(carWheel > 0.3) carWheel=0.3;
}else if(keyPressed && keyCode==LEFT){
carWheel-=0.01;
if(carWheel < -0.3) carWheel=-0.3;
}
popMatrix();
}
void drawWheel(float x, float y, int front){
pushMatrix();
translate(x,y);
if(front==1) rotateZ(carWheel);
rect(0,0, 40,20);
popMatrix();
}
void draw(){
background(100);
drawCar();
}

*實作:加上車位,就可以練習停車囉!



week11上課筆記

161124 week11




今日實作:互動餐桌


step1: 設立一個可以拖拉的餐桌

PVector [] dish=new PVector[4];
void setup(){
  size(640,480);
  dish[0]=new PVector(100,100);
  dish[1]=new PVector(540,100);
  dish[2]=new PVector(100,380);
  dish[3]=new PVector(540,380);
}
void draw(){
  background(255);
  ellipse(320,240, 400,400);
  ellipse(100,100, 100,100);
  ellipse(540,100, 100,100);
  ellipse(100,380, 100,100);
  ellipse(540,380, 100,100);
  for(int i=0; i<4;i++){
    ellipse(dish[i].x, dish[i].y, 90,90);
  }
}
int nowDish=-1;
void mousePressed(){
  for(int i=0;i<4;i++){
    if( dist(dish[i].x, dish[i].y, mouseX, mouseY) <45 ){
      nowDish=i;
    }
  }
}
void mouseDragged(){
  if( nowDish!= -1){
    dish[nowDish].x=mouseX;
    dish[nowDish].y=mouseY;
  }
}
void mouseReleased(){
  nowDish =-1;
}

step2: 讓餐桌轉盤轉動


PVector [] dish=new PVector[4];
float [] r = {0,0,0,0};
float [] angle = {0,0,0,0};
void setup(){
size(640,480);
dish[0]=new PVector(100,100);
dish[1]=new PVector(540,100);
dish[2]=new PVector(100,380);
dish[3]=new PVector(540,380);
}
void draw(){
background(255);
ellipse(320,240, 400,400);//rotating circle
ellipse(100,100,100,100);
ellipse(540,100,100,100);
ellipse(100,380,100,100);
ellipse(540,380,100,100);
for(int i=0;i<4;i++){
ellipse(dish[i].x, dish[i].y, 90,90);
line(dish[i].x, dish[i].y, 320,240);
}
if(keyPressed){
for(int i=0;i<4;i++){
angle[i] -= 0.01;
dish[i].x= r[i] * cos(angle[i]) + 320;
dish[i].y= r[i] * sin(angle[i]) + 240;
}
}
}
int nowDish=-1;
void mousePressed(){
for(int i=0;i<4;i++){
if( dist(dish[i].x, dish[i].y, mouseX, mouseY) <45 ){
nowDish=i;
}
}
}
void mouseDragged(){
if( nowDish!= -1){
dish[nowDish].x=mouseX;
dish[nowDish].y=mouseY;
r[nowDish] = sqrt( (mouseX-320)*(mouseX-320) + (mouseY-240)*(mouseY-240) );
angle[nowDish] = atan2(mouseY-240, mouseX-320);
}
}
void mouseReleased(){
nowDish = -1;
}





60508013E_林子婷,Week11

105/11/24

1. 互動餐桌
https://www.youtube.com/watch?v=yBJEP4lsRFY






PVector [] dish = new PVector[4];
void setup(){
  size(640,480);
  dish[0]=new PVector(100,100);
  dish[1]=new PVector(540,100);
  dish[2]=new PVector(100,380);
  dish[3]=new PVector(540,380);
}
void draw(){
  background(255);
  ellipse(320,240,400,400);//rotating circle
  ellipse(100,100,100,100);
  ellipse(540,100,100,100);
  ellipse(100,380,100,100);
  ellipse(540,380,100,100);
  for(int i=0;i<4;i++){
    ellipse(dish[i].x,dish[i].y,90,90);
  }
}
int nowDish=-1;
void mousePressed(){
  for(int i=0;i<4;i++){
   if(dist(dish[i].x,dish[i].y,mouseX,mouseY)<45){
   nowDish = i;
  }
 }
}
void mouseDragged(){
  if(nowDish!=-1){
  dish[nowDish].x=mouseX;
  dish[nowDish].y=mouseY;
  }
}
void mouseReleased(){
  nowDish = -1;
}


*旋轉



* 可移動盤子,按空白鍵使其在餐桌上旋轉





PVector [] dish = new PVector[4];
float [] r = {0,0,0,0};
float [] angle ={0,0,0,0};
void setup(){
  size(640,480);
  dish[0]=new PVector(100,100);
  dish[1]=new PVector(540,100);
  dish[2]=new PVector(100,380);
  dish[3]=new PVector(540,380);
}
void draw(){
  background(255);
  ellipse(320,240,400,400);//rotating circle
  ellipse(100,100,100,100);
  ellipse(540,100,100,100);
  ellipse(100,380,100,100);
  ellipse(540,380,100,100);
  for(int i=0;i<4;i++){
    ellipse(dish[i].x,dish[i].y,90,90);
    line(dish[i].x,dish[i].y,320,240);
  }
  if(keyPressed){
    for(int i=0;i<4;i++){
      angle[i] -= 0.01;
      dish[i].x =r[i] * cos(angle[i])+320;
      dish[i].y =r[i] * sin(angle[i])+240;
    }
  }
}
int nowDish=-1;
void mousePressed(){
  for(int i=0;i<4;i++){
   if(dist(dish[i].x,dish[i].y,mouseX,mouseY)<45){
   nowDish = i;
  }
 }
}
void mouseDragged(){
  if(nowDish!=-1){
  dish[nowDish].x=mouseX;
  dish[nowDish].y=mouseY;
  r[nowDish] = sqrt ((mouseX-320)*(mouseX-320)+(mouseY-240)*(mouseY-240));
  angle[nowDish] = atan2(mouseY-240,mouseX-320);
  }
}
void mouseReleased(){
  nowDish = -1;
}



2.開車



void setup(){
size(640, 480, P3D);
rectMode(CENTER);
}
float carX=640/2, carY=320/2;
float carDir=0.6, carWheel=0;
void drawCar(){
translate(carX, carY);
rotateZ(carDir);
rect(0,0,187,89);
if(keyPressed && keyCode==UP){
carX+= cos(carDir); carY+=sin(carDir);
}else if(keyPressed && keyCode==DOWN){
carX-= cos(carDir); carY-=sin(carDir);
}else if(keyPressed && keyCode==RIGHT){
carDir+=0.01;
}else if(keyPressed && keyCode==LEFT){
carDir-=0.01;
}
}
void draw(){
background(100);
drawCar();
}


3. 加上輪子停車


void setup(){
size(640, 480, P3D);
rectMode(CENTER);
}
float carX=640/2, carY=320/2;
float carDir=0, carWheel=0;
void drawCar(){
pushMatrix();
translate(carX, carY);
rotateZ(carDir);
rect(0,0,187,89);
drawWheel(127/2, 89/2, 1);
drawWheel(127/2, -89/2, 1);
drawWheel(-127/2, 89/2, 0);
drawWheel(-127/2,-89/2, 0);

if(keyPressed && keyCode==UP){
carX+= cos(carDir+carWheel); carY+=sin(carDir+carWheel);
carDir+=carWheel/50;
}else if(keyPressed && keyCode==DOWN){
carX-= cos(carDir+carWheel); carY-=sin(carDir+carWheel);
carDir-=carWheel/50;
}else if(keyPressed && keyCode==RIGHT){
carWheel+=0.01;
if(carWheel > 0.3) carWheel=0.3;
}else if(keyPressed && keyCode==LEFT){
carWheel-=0.01;
if(carWheel < -0.3) carWheel=-0.3;
}
popMatrix();
}
void drawWheel(float x, float y, int front){
pushMatrix();
translate(x,y);
if(front==1) rotateZ(carWheel);
rect(0,0, 40,20);
popMatrix();
}
void draw(){
background(100);
drawCar();
}


4. 停車格停車





void setup(){
size(640, 480, P3D);
rectMode(CENTER);
}
float carX=640/2, carY=320/2;
float carDir=PI, carWheel=0;
void drawCar(){
pushMatrix();
translate(carX, carY);
rotateZ(carDir);
rect(0,0,187,89);
drawWheel(127/2, 89/2, 1);
drawWheel(127/2, -89/2, 1);
drawWheel(-127/2, 89/2, 0);
drawWheel(-127/2,-89/2, 0);

if(keyPressed && keyCode==UP){
carX+= cos(carDir+carWheel); carY+=sin(carDir+carWheel);
carDir+=carWheel/50;
}else if(keyPressed && keyCode==DOWN){
carX-= cos(carDir+carWheel); carY-=sin(carDir+carWheel);
carDir-=carWheel/50;
}else if(keyPressed && keyCode==RIGHT){
carWheel+=0.01;
if(carWheel > 0.3) carWheel=0.3;
}else if(keyPressed && keyCode==LEFT){
carWheel-=0.01;
if(carWheel < -0.3) carWheel=-0.3;
}
popMatrix();
}
void drawWheel(float x, float y, int front){
pushMatrix();
translate(x,y);
if(front==1) rotateZ(carWheel);
rect(0,0, 40,20);
popMatrix();
}
void draw(){
background(100);
drawCar();
rect(0+187/2,0+89/2, 187, 89);
rect(450+187/2,0+89/2, 187, 89);
}