孤獨月宮的花園

week03－主角走動

讓你的主角跑起來吧！

首先，介紹一下，他是我的夥伴～

剛打母機器人2.0 (聽起來就很帥)

接著，我們要寫出程式讓2.0動起來 

.

.

.

很快速地，我們寫出了程式(笑)

以下程式供您參考(我知道字很小)

PImage img;

void setup()
{
  size(400,400);
  img=loadImage("aaa.png");  //畫出屬於你的夥伴(???.png) 記得將圖片拖曳進來
}
int userX=200, userY=200;
void draw()
{
  background(128);
  image(img,userX,userY,100,150);//
  if(keyPressed && keyCode==RIGHT) userX++;  //向右跑
  if(keyPressed && keyCode==LEFT) userX--;  //向左跑
  if(keyPressed && keyCode==UP) userY--;  //向上跑
  if(keyPressed && keyCode==DOWN) userY++;  //像嚇跑 下跑
}

就這樣，2.0跑起來了

但是
我認為這樣還不夠！







我希望　機器太郎（誰？）　剛打母機器人2.0能夠美麗？得跑

在這之前，我要介紹2.0的分身

影分身之術(誤)

                     左太郎                            &                        右太郎

只要將上面的程式稍微更改下，加入幾句程式
就能夠將剛打母機器人2.0以及左右太郎　合體！



PImage img0,img1,img2;
void setup()
{
  size(400,400);
  img0=loadImage("aaa.png");
  img1=loadImage("aaa2.png");  記得將三張圖拖曳進來
  img2=loadImage("aaa3.png");
}
int userX=230, userY=230;
void draw()
{
  background(128);
  if(keyPressed && keyCode==RIGHT)
  {
      userX+=3;
      image(img2,userX,userY,200,200); //img2(可自行調整)會向右跑     (200,200)為大小
  }
  else if(keyPressed && keyCode==LEFT)
  {
    userX-=3;
    image(img1,userX,userY,200,200);   //img1(可自行調整)會向左跑   (200,200)為大小
  }
  else image(img0 ,userX, userY,100,120);///不動或是向上向下時，為原本的樣子  
                                                                   /// (100,120)為大小
  if(keyPressed && keyCode==UP) userY-=3;
  if(keyPressed && keyCode==DOWN) userY+=3;
}

瞧！我的夥伴跑起來是不是很帥呢！