wechat small game phaser

Pequeño juego de Wechat con Phaser.js

Actualmente usando Phaser-CE Build

v2.16.0

Idea principal

"Gracias" al entorno de ejecución de WeChat Small Game, la importación directa de 'phaser' generará muchos errores.

Solución

Inserte algunas variables globales que requería Phaser, eso es lo que hace 'js/libs/stub.js'.

 import './js/libs/stub' ;

Utilice la compilación personalizada dividida de Phaser en lugar de la versión estándar, que puede exponer PIXI, p2 y Phaser a nivel global.

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

Cree la instancia del juego con un objeto en lugar de múltiples parámetros, especifique la opción canvas .

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

Advertencias

Puntero de entrada

Si el tamaño del juego no es el mismo que el del lienzo, debes configurar el modo de escala para que Phaser calcule el puntero de entrada correctamente.

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

Reproducción de audio

La API de audio incorporada de Phaser no funcionará; sin embargo, podemos usar la API de audio desde el adaptador.

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

Cargando archivos JSON

Cargar un archivo JSON con una ruta relativa no funcionará, debe colocar el archivo JSON en el servidor y cargarlo con una URL.

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