Question

我只是使用Phaser并看到了一些示例代码，如下所示。在Rox.Boot.prototype函数中，.load，.physics等都在game(Phaser.Game)中。这种继承是如何发生的？

Rox = {
    score: 0,
    music: null,
    orientated: false
};

Rox.Boot = function (game) {
};

Rox.Boot.prototype = {

    preload: function () {
        this.load.image('preloaderBar', 'images/preload.png');
    },

    create: function () {
        this.physics.startSystem(Phaser.Physics.ARCADE);
        this.input.maxPointers = 1;
        this.state.start('Preloader');
    },
};

Answer 1

要使用Phaser，您必须拥有phaser.min.js或phaser.js文件，您可以获取here。我使用phaser.min.js文件而不是phaser.js文件，因为我不需要phaser.js文件具有的额外功能（调试）; phaser.min.js将具有与phaser.js相同的方法，类，属性等。

他们告诉你下载整个GitHub仓库，但实际上你只需要Phaser JS文件。

将phaser.min.js文件添加到项目后，请确保它是您在HTML文件头部调用的第一个脚本;之后你应该可以在以下JS文件中使用Phaser。

这是我的index.html的样子：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>FILL_IN_GAME_NAME_HERE</title>
        <script src="phaser.min.js" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" href="Main.css">
        <script src="Boot.js" type="text/javascript"></script>
        <script src="Preloader.js" type="text/javascript"></script>
        <script src="Menu.js" type="text/javascript"></script>
        <script src="Game.js" type="text/javascript"></script>
        <script src="GameOver.js" type="text/javascript"></script>
        <script src="HighScores.js" type="text/javascript"></script>
    </head>

    <body>

        <script type="text/javascript">
            var game = new Phaser.Game(500, 500, Phaser.AUTO, 'game', false, false);
            game.state.add('Boot', Game.Boot);
            game.state.add('Preloader', Game.Preloader);
            game.state.add('Menu', Game.Menu);
            game.state.add('Game', Game.Game);
            game.state.add('GameOver', Game.GameOver);
            game.state.add('HighScores', Game.HighScores);
            game.state.start('Boot');
        </script>

    </body>
</html>

继承人是如何在移相器中发生的

1 个答案: