java - 如何使图像在碰撞时消失然后重新出现在屏幕上的随机位置

Question

我正在创建一款类似于 Snake 的游戏，其中我的 bat 侠角色图像与 clown 角色图像碰撞并“捕获”它。一旦第一个 clown 消失，另一个 clown 就会出现在屏幕上的随机位置，供 bat 侠追赶，然后依此类推。

我已经做到了，当我的 bat 侠角色与第一个 clown 相撞时，第一个 clown 就会消失，但我正在努力让第二个 clown 出现在屏幕上。我不确定 for 循环是否是最好的 - 但如何才能做到只有一个 clown 出现，直到 bat 侠“捕获”它，然后下一个可以出现 - 或者可能是一个 if 语句。任何帮助将不胜感激，因为我现在感觉真的很困难。

//loads music for background

import processing.sound.*;

SoundFile file;

String audioName = "dark_knight_rises.wav";

String path;

//loads gif library for background

import gifAnimation.*;

Gif myAnimation;

PImage batman;       //pixel images

PImage joker;        //pixel images

int batmanX = 100;        //batman X position on screen

int batmanY = 100;        //batman Y position on screen

int jokerX = 500;         //joker X position on screen

int jokerY = 500;         //joker Y position on screen

int batman1Size = 50;     //for batman distance

int joker2Size = 50;      //for joker distance

int width = 100;          //width for characters

int height = 100;         // height for characters

boolean showImage = true; // boolean to help joker disappear and reappear

int score = 0;            // declaration for high score




void setup() {

  size(1067, 800);

  //plays background music

  path = sketchPath(audioName);

  file = new SoundFile(this, path);

  file.play();

  //loads background and pixel-style batman/joker

  myAnimation = new Gif(this, "background.gif");

  myAnimation.play();

  batman = loadImage("pixelbatman.png");

  joker = loadImage("pixeljoker.png");
}

void draw() {

  image(myAnimation, 0, 0);   //lays down gif background 

  //display the score

  textSize(20);

  text("Jokers caught:", 900, 40);

  text(score, 1045, 40);


  image(batman, batmanX, batmanY, width, height);   //places Batman character on screen

  //pixel batman movement

  if (keyPressed) {

    if (key == CODED) {

      if (keyCode == UP) batmanY--;

      if (keyCode == RIGHT) batmanX++;

      if (keyCode == DOWN) batmanY++;

      if (keyCode == LEFT) batmanX--;

    }
  }    //end of pixel batman movement


  if (showImage) image(joker, jokerX, jokerY, width, height);   //if Boolean is true, place Joker character on screen

  if (dist(batmanX, batmanY, jokerX, jokerY) < (batman1Size + joker2Size)/10 ) { //if batman and joker collide - joker disappears

    showImage = false;

    score += 1; //increase the score by 1 when batman eats a joker


    // idea is that the first joker disappears and another pops up in a random position

    if (showImage == false) {

      image(joker, random(jokerX, 0), random(0, jokerY), width, height);

    }

  } // end of what happens if batman and joker collide

} // end of void draw

Answer 1

答案比你想象的要容易。事实上，您已经完成了大部分工作，您只需要一只橡皮鸭。

我会接受那份工作。

在draw()函数中，您做了很多事情。当你有空闲时间时，我建议你把这些分解一下。 draw() 是处理中的主循环，因此它总是会被代码堵塞。当你这样做时，目标是有一个易于理解的循环，如下所示:

void draw() {
  drawBackground();
  manageInput();
  collisions();
  drawCharacters();
}

现在，谈谈您感兴趣的事情:

你做的好事:

• 您使用清晰的命名法(您的命名约定使内容易于阅读，初学者犯的一个错误是缩短变量名称，因为他们知道自己在说什么，然后它会让其他人(包括他们自己)感到困惑)
• 总体来说非常棒，能够添加 gif 和声音等内容!

我们要做什么来实现 clown 的目标:

1. 删除 showImage 变量。我明白你在这里做什么，这是个好主意，但我们不需要它。
2. 在检查碰撞的 If 中，就在您编写 showImage = false 的位置，我们将更新 clown 的坐标:

像这样(我随机化了它，但现在你明白了你可以自定义它):

jokerX = (int)random(width);
jokerY = (int)random(height);

删除if (showImage == false)。

啊……就这样吧!如果你读得好，你会注意到你的错误在于，在 if (showImage == false) 部分，你“传送”了 clown 而没有实际改变他的坐标。

如果您有疑问，我会留下来。玩得开心!