03

用左右鍵讓圖案移動

void setup()

{

  size(400,400);

}

int userX=200, userY=200;

void draw()

{

  background(128);

  circle(userX, userY, 20);

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

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

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

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

}

移動加速

void setup()

{

  size(400,400);

}

int userX=200, userY=200;

void draw()

{

  background(128);

  circle(userX, userY, 20);

  if(keyPressed && keyCode==RIGHT) userX+=3;                ←++改成+=3     //3倍速

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

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

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

}

加入圖片讓人物移動

PImage img;

void setup()

{

  size(400,400);

  img=loadImage("people.png");

}

int userX=200, userY=200;

void draw()

{

  background(255);

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

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

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

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

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

}

圖片去背

點選**移除背景




人物左右移動圖案不同
PImage img0, img1, img2;
void setup()
{
  size(400,400);
  img0=loadImage("people.png");
  img1=loadImage("people2.png");
  img2=loadImage("people3.png");
}
int userX=200, userY=200;
void draw()
{
  background(255);

  if(keyPressed && keyCode==RIGHT)
{
  userX+=3;
  image(img2, userX, userY, 100, 100);
}
else if(keyPressed && keyCode==LEFT)
{
  userX-=3;
  image(img1, userX, userY, 100, 100);
}
else image(img0, userX, userY, 100, 100);
  if(keyPressed && keyCode==UP) userY-=3;
  if(keyPressed && keyCode==DOWN) userY+=3;
}