我有一个有两个场景的项目，这些场景应该在画布上显示一些文本，但什么都没发生。我得到的只是一块黑色的画布。
game.js:
window.onload = function(){
var config = {
width: 800,
height: 600,
backgroundColor: 0x000000,
scene: [Scene1, Scene2]
}
var game = new Phaser.Game();
}
场景.js
class Scene1 extends Phaser.Scene {
constructor(){
super("bootGame");
}
create() {
this.add.text(20, 30, "Loading game...");
this.scene.start("playGame");
}
}
Scene2.js
class Scene2 extends Phaser.Scene{
constructor() {
super("playGame");
}
create(){
this.add.text(20, 20, "Playing game", {font: "25px Arial", fill: "yellow"});
}
}
index.html
<!DOCTYPE html>
<html>
<head>
<title>Phaser Game</title>
<script type="text/javascript" src="phaser.min.js"></script>
<script type="text/javascript" src="Scene1.js"></script>
<script type="text/javascript" src="Scene2.js"></script>
<script type="text/javascript" src="game.js"></script>
</head>
<body>
</body>
</html>
控制台反馈
从您发送的内容来看，主要问题似乎是您没有将config传递到game.js中的Phaser.Game实例中。