ES6微信小游戏开发

1.安装node.js

2.配置BABEL，把ES6转义成ES5代码。

sudo cnpm install -g cnpm --registry=https://registry.npm.taobao.org
sudo cnpm install -g --save-dev babel-cli babel-preset-env
sudo cnpm install -g babel-preset-es2015 --save-dev

3.游戏开发一定是面向对象的，ES5是面向过程的，ES6是面向对象的。

4.live-server工具安装（快速调用浏览器模拟），安装命令：sudo cnpm install -g live-server

小游戏梳理

模块分解

• 1.game.js:游戏全局的入口文件，是微信小游戏必有的一个文件。
• 2.mainjs:程序主类，主要用来初始化canvas和一些全局对象，各个精灵和绑定点击事件。
• 3.Director.js:程序的导演类，用来控制游戏的逻辑和精灵的创建和销毁，控制游戏主循环。
• 4.dataStore.js：存储游戏需要长期保存的变量和需要定期销毁的变量
• 5.Resources.js：游戏资源
• 6.ResourceLoader.js:资源加载器，保证游戏是在图片资源加载完成才开始主循环。
• 7.Sprite.js：游戏精灵的基类，背景，陆地，铅笔，小鸟都是他的子类。
  背景类-Background.js 陆地类-land.js 上半部分铅笔类-UpPencil.js 下半部分铅笔类-DownPencil.js 小鸟类-birds.js 计分器-Count.js 重新开始按钮类-StartButton.js

先在webStorm写好游戏逻辑，再迁移到微信开发工具，构建生命周期和数据请求存储，发布。

webStorm的格式化工具快捷键：command + alt +L