橘貓(互動技術筆記_week08)

Processing-8bit 人物走動

本日程式碼重點:

• image(img.get(0,0,141,211),0,0);//針對特定區域截圖
• image(img.get(190*a,0,190,252),0,0);
    a = (a+1)%4;//有4個動作
• if(frameCount%30==0)a = (a+1)%4;//1秒有60影格，設定%30在一秒內移動2次.
• void keyPressed(){//按鍵按壓的函式
    if(keyCode==DOWN){b=0;y++;}//指定按鍵

期末作品構思-Timberman

遊戲流程:

• 限時內把樹砍倒
• 需躲過樹枝
• 每砍掉一段木頭就可以得分!

1.讀圖檔

PImage img;//宣告圖

void setup(){

  size(500,500);

  img=loadImage("img.jpg");//讀取圖片

}

void draw(){

  background(0);

  image(img,0,0);}

圖1

2.裁切

PImage img;

void setup(){

  size(500,500);

  img=loadImage("img.jpg");}

void draw(){

  background(255);

  image(img.get(0,0,141,211),0,0);//針對特定區域截圖

}

圖2

3.踏出第一步

PImage img;

void setup(){

  size(500,500);

  img=loadImage("img.jpg");//讀取圖片

}

int a=0;

void draw(){

  background(255);

  image(img.get(190*a,0,190,252),0,0);

  a = (a+1)%4;//有4個動作

}

圖3(!!!發現跑的太快了!!!)

4.調整移動速度

PImage img;

void setup(){

  size(500,500);

    img=loadImage("img.jpg");//讀取圖片

}

int a=0;

void draw(){

  background(255);

  image(img.get(190*a,0,190,252),0,0);

  if(frameCount%30==0)a = (a+1)%4;//1秒有60影格，設定%30在一秒內移動2次

}

圖4(控制好速度)

5.控制方向

PImage img;

void setup(){

  size(500,500);

    img=loadImage("img.jpg");//讀取圖片

  imageMode(CENTER);

}

int a=0,b=0,x=250,y=250;//設定b變數調整方向

void draw(){

  background(255);

  image(img.get(141*a,211*b,141,211),x,y);

  if(frameCount%30==0)a = (a+1)%4;//1秒有60影格，設定%30在一秒內移動2次

}

void keyPressed(){

  if(keyCode==DOWN){b=0;y++;}

  if(keyCode==UP){b=1;y--;}

  if(keyCode==LEFT){b=2;x--;}

  if(keyCode==RIGHT){b=3;x++;}

}

圖5(出現會自動走動的人物了!)