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