week 16

今天教的內容是怎麼做可以讓圖片裡面人物走動的程式

















首先第一個步驟：

PImage img;
void setup(){
   size(500,500);
   img=loadImage("img.jpg");

}
int a=0;
void draw(){
   background(255);
   image(img.get(141*a,0,141,211),0,0);
   if(frameCount%30==0)a=(a+1)%4;
}

第二步驟是讓人物可以向左向右。

PImage img;
void setup(){
   size(500,500);
   img=loadImage("img.jpg");

}
int a=0,b=0;
void draw(){
   background(255);
   image(img.get(141*a,211*b,141,211),0,0);
   if(frameCount%30==0)a=(a+1)%4;
}
void keyPressed(){
   if(keyCode==DOWN) b=0;//向左向右切換
   if(keyCode==UP) b=1;
   if(keyCode==LEFT) b=2;

   if(keyCode==RIGHT) b=3;

}

接著完成所有程式碼

PImage img;
void setup(){
  size(500,500);
  img=loadImage("img.jpg");
  imageMode(CENTER);
}
void draw(){
  background(255);//背景
  image(  img.get(141*a, 211*b, 141,211), x,y);//換張圖
  if(frameCount%30==0) a++;//一秒鐘走一步
  if(a>=4) a=0;//大於4後回到第一張圖
}
int a=0, b=0, x=250, y=250;
void keyPressed(){//按上下左右鍵控制轉換圖片
  if(keyCode==RIGHT){ b=3; x++; }
  if(keyCode==LEFT) { b=2; x--; }
  if(keyCode==UP) { b=1; y--; }
  if(keyCode==DOWN){ b=0; y++; }
}

今天要學的遊戲是讓小人物有走動的模樣，按方向鍵後會改變身體姿勢，這個和以前教的不同，以前教的都沒有走路的模樣，所以也蠻好上手的。