Question

这是一个移相器示例，我试图做的是在图像到达帧的末尾时再次加载图像。有人可以解释如何做到这一点

var game = new Phaser.Game(1500, 200, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });

function preload() {

    //  You can fill the preloader with as many assets as your game requires

    //  Here we are loading an image. The first parameter is the unique
    //  string by which we'll identify the image later in our code.

    //  The second parameter is the URL of the image (relative)
    game.load.image('Car', 'car.jpg');
}

function create() {

    //  This creates a simple sprite that is using our loaded image and
    //  displays it on-screen
    //  and assign it to a variable
    var image = game.add.sprite(0, 0, 'Car');

    game.physics.enable(image, Phaser.Physics.ARCADE);

    image.body.velocity.x=750;

    if (image>game.width)
    {
        game.load.image('Car', 'car.jpg');
        var image = game.add.sprite(0, 0, 'Car');
    }

}

Answer 1

我认为上面只是伪代码，因为有很多小错误。但是这种方法存在许多问题。

如果你事先知道新图像需要什么，那么先预先加载它然后使用loadTexture来应用它：

function preload() {
    game.load.image('Car', 'car.jpg');
    game.load.image('Pumpkin', 'pumpkin.png');
}

...

function update() {
    if (car.x > game.width) {
       car.loadTexture('Pumpkin');
    }
}

还有一些需要注意的事项：

1）只有在尚未设置的情况下才更改纹理（在上面的示例中，它将反复运行loadTexture，除非您重置car.x坐标）

2）如果您无法预先预装图像，则可以在播放期间加载图像。有关详细信息，请查看“Loader Events”示例代码。

3）您需要检查update中的精灵位置，而不是create（因为此时它根本不会移动）。

如何在到达帧结束时将其位置重置回原点？

1 个答案: