wechat small game phaser

Jogo pequeno Wechat com Phaser.js

Atualmente usando a versão Phaser-CE

v2.16.0

Idéia principal

"Graças" ao ambiente de execução do WeChat Small Game, a importação direta de 'phaser' apresentará muitos erros.

Solução

Stub algumas variáveis ​​globais que o Phaser exigia, é isso que 'js/libs/stub.js' faz.

 import './js/libs/stub' ;

Use a construção personalizada dividida do Phaser em vez da versão padrão, que pode expor PIXI, p2 e Phaser ao global.

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

Crie a instância do jogo com um objeto em vez de vários parâmetros, especifique a opção canvas .

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

Advertências

Ponteiro de entrada

Se o tamanho do jogo não for igual ao da tela, você deve definir o modo de escala para fazer o Phaser calcular o ponteiro de entrada corretamente.

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

Reprodução de áudio

A API de áudio integrada do Phaser não funcionará, no entanto, podemos usar a API de áudio do adaptador.

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

Carregando arquivos JSON

Carregar o arquivo JSON com um caminho relativo não funcionará, você deve colocar o arquivo JSON no servidor e carregá-lo com uma URL.

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