雪碧未顯示

我想顯示一個精靈。雪碧未顯示

HTML文件：

<head> 
    <script src="https://github.com/photonstorm/phaser-ce/releases/download/v2.7.5/phaser.min.js"></script> 
</head> 
<body> 
    <div id="game"></div> 
    <script src="main.js"></script> 
</body>

main.js：

(() => { 
    var preload =() => { 
     Game.load.image("player", "assets/player.png"); 
    }, 

    create =() => { 
     Game.add.sprite(225, 450, "player"); 
    }, 

    update =() => { 

    }, 

    Game = new Phaser.Game(500, 500, Phaser.AUTO, "game", 
     { 
      preload : "preload", 
      create : "create", 
      update : "update" 
     } 
    ); 
})();

的精靈只是沒有顯示，也僅僅是一個全黑的背景。 Firefox開發者控制檯說TypeError: this.onPreloadCallback.call is not a function。

來源

2017-04-06 Algorythmis

當您定義var Game時，您必須正確指出您之前定義的功能。

(() => { 
    var preload =() => { 
     Game.load.image("player", "assets/player.png"); 
    }, 

    create =() => { 
     Game.add.sprite(225, 450, "player"); 
    }, 

    update =() => { 

    }; 

    var Game = new Phaser.Game(500, 500, Phaser.AUTO, "game", 
    { 
     preload : preload, 
     create : create, 
     update : update 
    }); 
})();

等同於：

(() => { 
    var Game = new Phaser.Game(500, 500, Phaser.AUTO, "game", 
    { 
     preload :() => { 
      Game.load.image("player", "assets/player.png"); 
     }, 
     create :() => { 
      Game.add.sprite(225, 450, "player"); 
     }, 
     update :() => {} 
    }); 
})();

來源

2017-04-06 19:00:04

這是很明顯的畢竟。謝謝。 – Algorythmis

回答

相關問題