抢先体验版 - 教你一步步搭建微信小游戏开发环境 -- 基于Cocos2d-x

4,411 阅读2分钟

前言

相信这两天大家都被微信推出的小游戏刷屏了吧。大家比较熟知的可能是“跳一跳”,但是其实微信首发了15款游戏,其中8款游戏用的是 Cocos 游戏引擎。下面为大家介绍一下 Windows 64 平台下如何搭建基于 Cocos2d-x 的小游戏开发环境。

准备

安装时直接选择下一步即可。 注意目前最新的微信开发者工具是12月28号的,可以直接用我上面给出的链接去下载。

过程

一、Cocos Creator 部分

  1. 打开 CocosCreator (第一次打开需要登录cocos的账号,可自行申请,略),新建一个工程。这里我们建一个 Hello World 的工程。

    Hello World 工程打开后的效果如下:

  2. 设置微信开发者工具目录。这里注意选择的是安装文件夹,例如我的是 --> D:\Program Files (x86)\Tencent\微信web开发者工具。另外 NDK,SDK,ANT 如果你配置过的话会自动识别,此处不讨论它们的安装配置。

  3. 构建工程。配置如图所示,需要注意 appId 的填写 ,本来需要在微信公众平台将小程序的类别设置为小游戏类目才可以正常运行,但是由于微信目前(截至2017-12-30)尚未开放小游戏的权限设置,个人开发者无法改为这个类别,公司认证账号暂时也不行,参考此链接。微信为了照顾想抢先体验小游戏开发的开发者准备了一个 appId: wx6ac3f5090a6b99c5 用于体验。所以现在可以先用此appId进行体验,等到以后微信开放了小游戏的申请后再更换回自己的appId。

    注意不要点 运行,目前微信开发者工具貌似有bug,如果直接点 运行,微信开发者工具将会报 “Error: 未找到入口 app.json 文件” 的错误。下面我们用手动的方式在微信开发者工具中打开项目。

二、微信开发者工具 部分

  1. 打开微信开发者工具。

选择 小程序项目

2. 打开小游戏工程,项目目录为刚刚创建的 Cocos 工程目录下的 build\wechatgame

  1. 在微信开发者工具中预览效果。

  2. 扫码在微信中验证实际的效果。

参考资料

  1. Cocos 官网
  2. 微信小程序开启游戏支持!你准备好了没?
  3. Creator v1.8 :微信小游戏开发教程
  4. 小游戏在微信开发者工具中的问题汇总(FAQ)