wechat small game phaser

Маленькая игра Wechat с Phaser.js

В настоящее время используется сборка Phaser-CE

v2.16.0

Основная идея

«Благодаря» среде выполнения WeChat Small Game, прямой импорт «фазера» приведет к множеству ошибок.

Решение

Заглушите некоторые глобальные переменные, необходимые для Phaser, это то, что делает js/libs/stub.js.

 import './js/libs/stub' ;

Используйте разделенную пользовательскую сборку Phaser вместо стандартной версии, которая может предоставлять PIXI, p2 и Phaser глобальный доступ.

 window . PIXI = require ( './js/libs/pixi' ) ;
window . p2 = require ( './js/libs/p2' ) ;
window . Phaser = require ( './js/libs/phaser-split' ) ;

Создайте экземпляр игры с объектом вместо нескольких параметров, укажите опцию canvas .

 var game = new Phaser . Game ( {
  width : gameWidth ,
  height : gameHeight ,
  renderer : Phaser . CANVAS ,
  canvas : canvas ,
  state : { }
} ) ; 

Предостережения

Указатель ввода

Если размер игры не такой же, как у холста, вам следует установить режим масштабирования, чтобы Phaser правильно рассчитывал указатель ввода.

 this . scale . scaleMode = Phaser . ScaleManager . SHOW_ALL ;
this . scale . pageAlignHorizontally = true ; // optional
this . scale . pageAlignVertically = true ; // optional

Воспроизведение аудио

Встроенный аудио API Phaser не будет работать, однако мы можем использовать аудио API из адаптера.

 let au = new Audio ( 'path/to/audio.mp3' ) ;
au . play ( ) ;
au . pause ( ) ;

Загрузка файлов JSON

Загрузка файла JSON по относительному пути не будет работать, вам придется поместить файл JSON на сервер и загрузить его по URL-адресу.

 this . load . json ( 'version' , './a.json' ) ; // ERROR T_T
this . load . json ( 'version' , 'http://phaser.io/version.json' ) ; // WORKS YoY