2JO41j4fu3UE

今天先複習了上禮拜和這禮拜的東西(除惡務盡，gcd的程式碼)，然後用zuvio確認複習。
今天的主要進度是上禮拜的延伸，讓從滑鼠移動球，換成用鍵盤的方向鍵移動球。
但是遊戲的主角不可能只是球，所以今天要用圖片做一個主角來代替球。

圖有點小...放大

在第九行中，在後面輸入數字可以改變圖片的大小

將x,y加減的數值變多，移動速度變快

主角的背景很醜，所以利用ppt去背

在去背之後整個畫面都變乾淨了

程式碼:

PImage img;

void setup(){

  size(400,400); 

  img=loadImage("user.png");

}

int userX=200, userY=200;

void draw(){

  background(128);

  image(img,userX,userY,100,100);

  if(keyPressed && keyCode==RIGHT) userX+=5;

  if(keyPressed && keyCode==LEFT) userX-=5;

  if(keyPressed && keyCode==UP) userY-=5;

  if(keyPressed && keyCode==DOWN) userY+=5;

}

可是有一個問題，就是移動的時候是平移的，這樣子很醜，所以我又畫了兩張圖片，一個是人物往左，一個是人物往右的圖，接著再把兩個圖片都去背

然後修改程式碼，讓他在方向鍵時可以變方向

程式碼:

PImage img0 , img1,img2;

void setup(){

  size(400,400); 

  img0=loadImage("user.png");

  img1=loadImage("user1.png");

  img2=loadImage("user2.png");

}

int userX=200, userY=200;

void draw(){

  background(128);

  if(keyPressed && keyCode==RIGHT){ 

    userX+=5;

    image(img2,userX,userY,100,100);

  }else if(keyPressed && keyCode==LEFT){

    userX-=5;

    image(img1,userX,userY,100,100);

  }else image(img0,userX,userY,100,100);

  if(keyPressed && keyCode==UP) userY-=5;

  if(keyPressed && keyCode==DOWN) userY+=5;

}