javascript - setPreloadSprite 不起作用并导致图像不显示

Question

我不明白为什么这段代码不起作用。我在启动器状态下加载图像，在预加载器状态下添加 Sprite ，但 setPreloadSprite 最终导致图像根本不出现。

这是我的 fiddle :http://jsfiddle.net/J5fUE/115/

我做错了什么？移相器2.2.1

另外，我计划有 2 个不同的加载图像。是否可以为多个 Sprite /图像setPreloadSprite？

var game = new Phaser.Game(500, 500, Phaser.CANVAS, 'game_div');
var gameStates ={};
var hello;

gameStates.booter = function(){};
gameStates.booter.prototype = {
    preload: function(){
        game.world.setBounds(0,0,500,500)
       game.load.image('hello', 'https://s3.amazonaws.com/uploads-1969f46zwpmbh5cm3kr2/hello.png'); 
    },
    create: function(){        
        game.state.start('preloader'); 
    }
}

gameStates.preloader = function(){};
gameStates.preloader.prototype ={
    preload: function(){
        hello = game.add.sprite(150, 150, 'hello');
        game.load.setPreloadSprite(hello);
    },
    create: function(){
    }
}

// Add and start the 'main' state to start the game
game.state.add('booter', gameStates.booter);  
game.state.add('preloader',gameStates.preloader);  
game.state.start('booter');

Answer 1

我可以看到你的代码/jsfiddle没有任何问题。它没有出现的原因是您没有加载任何内容。如果我在 Preloader 预加载方法中添加一堆加载调用，那么它会在加载时正常填充。