【phaser.js学习笔记（2）】适配微信小游戏

微信小游戏目前还没有对phaser.js的官方支持，需要开发者自己进行适配。

1、phaser.js引擎适配

phaser小站在GitHub上发布了phaser2对微信小程序的适配（点击）。下面将使用这个引擎适配并将phaser.js学习笔记1中的例子移植到微信小游戏。

2、游戏案例的适配

案例的目录结构如下。

微信小游戏必须的文件主要有两个：game.js和game.json。game.js是程序的主入口，game.json是程序的配置项。案例中game.json如下。

{
  "deviceOrientation": "portrait"
}

上面的json中声明了游戏的默认方向是竖屏。

game.js如下。

import './js/libs/weapp-adapter.js'
import './js/main.js'

weapp-adapter.js是微信小游戏官方适配器，主要是因为微信小游戏内核没有BOM、DOM，没有挂载canvas的节点。main.js是我们自己编写的主入口，如下。

i