Question

我是phaser的新手。我开始看youtube系列，我有第一个它的问题。我的背景图片不加载。我有这个js代码

/* global Phaser */

var game = new Phaser.Game(1200,600, Phaser.AUTO);

var GameState = {
    preload : function(){
        this.load.image('background','assets/images/background.png');
    },
    create: function() {
        this.background = this.game.add.sprite(0, 0, 'background');
    },
    update : function() {

    }
};

game.state.add('GameState',GameState);

我的index.php代码：

<!DOCTYPE html>
<html lang='cs' dir='ltr'>
    <head>
        <meta charset='UTF-8'>
        <meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, minimum-scale-1, user-scalable=no'/>

        <title>8. úkol</title>
    </head>
    <body>
        <section>
        <script type='text/javascript' src='js/phaser.js'></script>
        <script type='text/javascript' src='js/main.js'>

        </script>
        </section>
    </body>
</html>

我的背景图片尺寸为600x135

Answer 1

我解决了将此添加到代码

game.state.start('GameState');

Answer 2

//你好复制所有这些它应该解决你的问题现在Phaser它是一个非常有趣的框架请随时给我发一个关于任何问题的直接消息我对这个很新，我会超过很高兴向大家展示我所知道的美好的一天！

   /* global Phaser */



var GameState = {
preload : function(){
    this.load.image('background','assets/images/background.png');
},
create: function() {
    this.background = this.game.add.sprite(0, 0, 'background');
},
update : function() {

}
};

var game = new Phaser.Game(1200,600, Phaser.AUTO);  //<--- use it down
                                                   //    here its neater
game.state.add('GameState',GameState);
game.state.start('GameState')

阶段 - 我的图像不加载

2 个答案: