做一個可以移動的物件

做三張去背的圖

接著在程式裡把圖片讀入

PImage img0,img1,img2;
void setup() {
  size(1600,1000);
  img0 = loadImage("p1.png");
  img1 = loadImage("p2.png");
  img2 = loadImage("p3.png");
}ˊ
int userX=250,userY=250;
void draw() {
    background(128);
    if(keyPressed && keyCode==LEFT){
      image(img0,userX,userY);
      userX--;
    }
    else if(keyPressed && keyCode==RIGHT){
      image(img1,userX,userY);
      userX++;
    }
    else image(img2,userX,userY);
   }

接著背景也可以讀圖片

 PImage img;
void setup() {
  size(768,1280);
  img = loadImage("pic.png");
}
int userX=250,userY=1200;
void draw() {
    background(img);
    ellipse(userX,userY,50,50);
    if(keyPressed && keyCode==LEFT){
      userY-=3;
    }
    if(keyPressed && keyCode==RIGHT){
      userX++;
    }
   }

做出可以社子彈

PImage img;

void setup() {

  size(768,1280);

  img = loadImage("pic.png");

}

int userX=250,userY=1000;

int []buttetX={0,0,0,0,0,0,0,0,0,0,0,0,0};

int []buttetY={0,0,0,0,0,0,0,0,0,0,0,0,0};

int []buttetFlying={0,0,0,0,0,0,0,0,0,0,0,0,0};

int n=0;

void draw() {

    background(img);

    ellipse(userX,userY,50,50);

    if(keyPressed && keyCode==LEFT){

      userY-=3;

    }

    if(keyPressed && keyCode==RIGHT){

      userX++;

    }

    for(int i=0;i<n;i++){

      if(buttetFlying[i]==1){

        ellipse(buttetX[i],buttetY[i],10,5);

        buttetY[i]-=2;

      }

   }

}

void mousePressed(){

   buttetX[n]=userX;

   buttetX[n]=userX;

   buttetFlying[n]=1;

   n++;

}