wechat small game phaser

Petit jeu Wechat avec Phaser.js

Utilisation actuelle de Phaser-CE Build

v2.16.0

Idée principale

"Grâce à" l'environnement d'exécution WeChat Small Game, l'importation directe de "phaser" entraînera de nombreuses erreurs.

Solution

Stub certaines variables globales requises par Phaser, c'est ce que fait 'js/libs/stub.js'.

 import './js/libs/stub' ;

Utilisez la version personnalisée divisée de Phaser au lieu de la version standard, qui peut exposer PIXI, p2 et Phaser au niveau global.

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

Créez l'instance de jeu avec un objet au lieu de plusieurs paramètres, spécifiez l'option canvas .

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

Mises en garde

Pointeur d'entrée

Si la taille du jeu n'est pas la même que celle du canevas, vous devez définir le mode d'échelle pour que Phaser calcule correctement le pointeur d'entrée.

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

Lecture audio

L'API audio intégrée de Phaser ne fonctionnera pas, cependant, nous pouvons utiliser l'API audio de l'adaptateur.

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

Chargement de fichiers JSON

Charger un fichier JSON avec un chemin relatif ne fonctionnera pas, vous devez mettre le fichier JSON sur le serveur et le charger avec une URL.

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