Phaserjs 意外结果 - 编程之家

如何解决Phaserjs 意外结果

我正在学习 Phaserjs，它是一个 javascript 2d 游戏库。但是，当我从 https://gist.github.com/photonstorm/46cb8fb4b19fc7717dcad514cdcec064 并在我的本地 IDE 上执行它，它显示： Unexpected Result

而不是这个：

Expected Result

我该怎么做才能解决这个问题？我已经运行了 npm i phaser 并下载了资源，但它仍然不起作用。代码如下：


<!DOCTYPE html>
<html>
<head>
    <script src="https://cdn.jsdelivr.net/npm/phaser@3.15.1/dist/phaser-arcade-physics.min.js"></script> 
</head>
<body>

    <script>
    var config = {
        type: Phaser.AUTO,width: 800,height: 600,physics: {
            default: 'arcade',arcade: {
                gravity: { y: 200 }
            }
        },scene: {
            preload: preload,create: create
        }
    };

    var game = new Phaser.Game(config);

    function preload ()
    {
        this.load.setBaseURL('http://labs.phaser.io');

        this.load.image('sky','assets/skies/space3.png');
        this.load.image('logo','assets/sprites/phaser3-logo.png');
        this.load.image('red','assets/particles/red.png');
    }

    function create ()
    {
        this.add.image(400,300,'sky');

        var particles = this.add.particles('red');

        var emitter = particles.createEmitter({
            speed: 100,scale: { start: 1,end: 0 },blendMode: 'ADD'
        });

        var logo = this.physics.add.image(400,100,'logo');

        logo.setVeLocity(100,200);
        logo.setBounce(1,1);
        logo.setCollideWorldBounds(true);

        emitter.startFollow(logo);
    }
    </script>

</body>
</html>