wechat small game phaser

使用 Phaser.js 的微信小遊戲

目前使用 Phaser-CE 構建

v2.16.0

大意

「感謝」微信小遊戲運行環境，直接導入phaser會報很多錯誤。

解決方案

存根 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

音訊播放

Phaser 內建音訊 API 將無法運作，但是，我們可以使用適配器中的音訊 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