Week03-移動小小兵

W03-01---上下左右鍵移動

開啟Processing 

利用方向鍵移動小雪球

~可以上下左右操控~

將圖片移入程式裡 拖曳的方式~~

再加入Image程式碼檔名p0.png匯入圖片

圖片背景白白的有點醜

~~想要去除背景~~

最簡單的去背方法 : 

到PPT點選格式 移除背景 保留變更 儲存圖片

去背後的照片檔名改為user0.png匯入程式碼

如何查詢KeyCode~~

點選右鍵Find in Referenceerence就能查詢

W03-02---移動小小兵

~~程式碼~~

PImage img0,img1,img2,img3;
void setup(){
  size(400,400);
  img0 = loadImage("user0.png");
  img1 = loadImage("user1.png");
  img2 = loadImage("user2.png");
  img3 = loadImage("user3.png");
}
int userX=200,userY=100;
void draw(){
  background(128);
  
  ///circle(userX,userY,20);
  ///ellipse(userX,userY,20,20);
  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 if(keyPressed && keyCode==UP) 
  {
      userY-=5;
       image(img0, userX, userY, 100, 100);
  }

  else if(keyPressed && keyCode==DOWN)

 {
     userY+=5;
      image(img3, userX, userY, 100, 100);
 }
 else image(img0, userX, userY, 100, 100);
}

~~到小畫家畫4種動作的小小兵~~

到PPT移除背景 

將檔名改為" user0 ~ user3 "

將4張圖片一起拉進裡面

~鍵盤往上移動~

~ 鍵盤往下移動~

 ~鍵盤往左移動~

~鍵盤往右移動~