week03小人偶

今天老師在課堂上教導的是小人偶按左鍵向左移動及按右鍵向右移動且同時切換圖片








PImage img0,img1,img2;//設定圖片變數
void setup(){
size(400,400);//設定視窗大小
  img0 = loadImage("user1.png");//讀入剛剛丟進程式的圖片
  img1 = loadImage("user2.png");
  img2 = loadImage("user3.png");
}
int userX=150,userY=150;//直接給他一個初始位置
void draw()
{
  background(128);
  if(keyPressed&&keyCode ==LEFT)//if按鍵按下左方向鍵向左走
  {
    image(img1,userX,userY);//設定圖片的初始位置
    userX--;
  }
  else if(keyPressed&&keyCode ==RIGHT)
  {
    image(img2,userX,userY);
    userX++;
}
  else image(img0,userX,userY);
}





另外，此為更換背景程式的教學(註：背景大小須設定和圖片相同，否則程式會出錯)

PImage img;
void setup(){
  size(289,174);
  img=loadImage("map.jpg");
}
int userX=98, userY=111;
void draw()
{
  background(img);
  ellipse(userX,userY,20,35);
  if(keyPressed&&keyCode==UP)userY--;
  if(keyPressed&&keyCode==RIGHT)userX++;
}

今天第一個教的是按左右按鍵可以讓小人改變到你想要的方向的遊戲，我覺得最難的是用小畫家把小人畫的好看，其餘程式還算好理解!!不過也出現了一些上次沒有出現的基礎打法。