微信小游戏零基础教程（一）-CocosCreator

最终效果预览

本教程最后制作的游戏效果:

准备工作

下载微信开发者工具最新版->下载地址

下载CocosCreator最新版(我用的V2.1.0)->下载地址

去微信公众平台注册一个账号,记得选择账号用途小程序->注册地址

创建工程

打开安装好的CocosCreator选择新建项目选择HelloWorld设置项目目录，新建项目(直接输入路径即可，会自动创建文件夹)

测试第一个场景

创建完毕后，打开assets下的helloworld场景,选中Canvas设置当前场景为竖屏分辨率 640*1136。

给CocosCreator配置安装好的微信开发者工具根目录路径，比如我的(C:\Program Files (x86)\Tencent\微信web开发者工具)

然后在菜单项目->构建发布中修改为图示(当前appid 是微信提供的测试id,后期上线需要修改为自己注册账号中的appid):

然后点击构建完毕之后点击运行如果顺利会自动呼出微信开发者工具第一次打开会提示你登录，用你注册微信公众平台的微信账号扫一扫就可以登录。登录完毕后会看到当前界面,并且无报错信息.

点击开发工具的预览用微信扫一扫你自己生成的二维码就可以在微信小程序上预览刚刚的结果了。

到此开发环境流程跑通之后，我们就可以正式开始游戏开发了~下一期开始进行游戏的正式编写,第二篇地址: 微信小游戏开发零基础教程（二）

最终达到的效果是: