Phaser 黑屏

Question

我在使用 Phaser.js 时遇到了问题。它是来自 phaser.io/examples 的示例的副本。这到底是怎么回事？

var game = new Phaser.Game(400, 200, Phaser.AUTO, 'phaser-example', {
  preload: preload,
  create: create,
  update: update,
  render: render
});

function preload() {
  game.load.image('arrow', 'img.png');
}

var sprite;

function create() {
  sprite = game.add.sprite(50, 50, 'arrow');
}

function update() {}

function render() {}

<script src="https://cdn.jsdelivr.net/npm/phaser@3.15.1/dist/phaser.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
<head>
  <meta charset="utf-8">
</head>
<body>

</body>
</html>

但我只有这个 ->

Google Drive Link - Screenshot result 或者在这里 enter image description here

Answer 1

问题是您设置了 Phaser 2 游戏，而在您的 html 中调用了 Phaser 3 库。在 Phaser 3 中，您可以像这样开始游戏：

var config = {
   type: Phaser.AUTO,
   width: 800,
   height: 600,
   scene: {
     preload: preload,
     create: create,
     update: update,
     render: render
  }
};

var game = new Phaser.Game(config);

function preload() {
 this.load.image('arrow', 'img.png');
}

var sprite;

function create() {
  sprite = this.add.image(50,50, 'arrow').setOrigin(0,0);
}

function update() {}

function render(){}

https://phaser.io/tutorials/making-your-first-phaser-3-game/index

Phaser 黑屏

black screen with Phaser

javascript

game-development

phaser-framework