Question

我正在使用Phaser制作垂直滚动平台游戏，但我无法弄清楚如何创建随机放置的平台来跳转。这是我到目前为止的代码（删除了不必要的东西）：

Platformer.Game = function (game) {
            this._platforms = null;
            this._platform = null;
            this._numberOfPlatforms = 15;
            this._x = this.x;
            this._y = this.y;
        };

        Platformer.Game.prototype = {
            create: function (){
                this.physics.startSystem(Phaser.Physics.ARCADE);
                this.physics.arcade.gravity.y = 200;

                this._platforms = this.add.group();
                Platformer.platform.createPlatform(this);
                Platformer.platform.createPlatform(this);
                Platformer.platform.createPlatform(this);
                Platformer.platform.createPlatform(this);
                Platformer.platform.createPlatform(this);
                Platformer.platform.createPlatform(this);

                game.camera.follow(this._player);

            },

            managePause: function () {
                this.game.paused = true;
                var pausedText = this.add.text(100, 250, "Game paused. Click anywhere to continue.", this._fontStyle);
                this.input.onDown.add(function(){
                    pausedText.destroy();
                    this.game.paused = false;
                }, this);
            },

            update: function () {

            }
        };

        Platformer.platform = {
            createPlatform: function (game) {
                var posX = Math.floor(Math.random() * Platformer.GAME_WIDTH * this._numberOfPlatforms * 70);
                var posY = Math.floor(Math.random() * Platformer.GAME_HEIGHT * this._numberOfPlatforms * 50);
                var platform = game.add.sprite(posX, posY, 'platform');


                game._platforms.add(platform);
                platform.events.onOutOfBounds.add(this.removePlatform, this);
            },

            removePlatform: function (game) {
                this._platform.kill();
            }

        }

我可以让它随意放置它们，但是平台游戏的想法应该是你可以实际上跳过它。有足够的距离，但不是太多，所以我猜不是完全随机的。

希望你有一些想法！

Answer 1

这是一个简单的方法，只是一个开始。

这个想法是建立一些基本规则，基于每个平台在之前的位置。例如，如果最后一个位于左侧，则将下一个放在右侧的某个位置。

在这些情况下，最小/最大范围也很好：在这个例子中，下一个平台总是比最后一个平台高至少200px，并且不超过300px。

有playable example here on codepen

platforms = game.add.group();
platforms.enableBody = true;
platforms.physicsBodyType = Phaser.Physics.ARCADE;

// start off on the left 220px above the ground
var x = 0, y = height - 220;

// keep adding platforms until close to the top
while(y > 200) {
  var platform = platforms.create(x, y, 'platform');
  platform.body.immovable = true;
  platform.body.allowGravity = false;

  // find center of game canvas
  var center = width / 2;

  if(x > center) {
    // if the last platform was to the right of the 
    // center, put the next one on the left
    x = Math.random() * center;
  }
  else {
    // if it was on the left, put the next one on the right
    x = center + Math.random() * (center - platformWidth);
  }
  // place the next platform at least 200px higher and at most 300px higher 
  y = y - 200 - 100 * Math.random();
}

使用Phaser在平台上随机放置平台

1 个答案: