черный экран с фазером - PullRequest
0 голосов
/ 18 октября 2018

У меня проблемы с 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 - Результат скриншота или здесь введите описание изображения здесь

1 Ответ

0 голосов
/ 18 октября 2018

Проблема в том, что вы настроили игру 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

...