Cocos2d-html5 微信小游戏适配版（3.16 社区版）

Cocos2d-x JavaScript
#1

Cocos2d-JS 适配、打包微信小游戏教程

前言

在微信小游戏正式公布之后，考虑到 Cocos2d-html5 的用户需求，特地献上基于 Cocos2d-html5 3.16 的微信小游戏适配社区版供广大用户使用。

准备工作

  1. 下载 Cocos2d-html5 微信小游戏适配版 传送门

  2. 下载 微信 web 开发者工具链接 传送门

发布步骤

  1. 将原来发布包的 frameworks/cocos2d-html5 替换为 Cocos2d-html5 微信小游戏适配版 引擎后，在通过命令行 cocos compile -p web -m release 重新发布 web 版本。

  2. 把适配版中的 WeChatGame 内部文件拷贝到发布后 publish/html5 的目录下。

  3. 由于小游戏上传资源限制为 4mb，所以当整体包体超过 4mb 的时候，需要将资源移到远程服务器中，如果包体没有超过限制，则跳过步骤 4 和 5。

  4. 把 publish/html5 目录下的 project.json 和 res 资源文件夹移到服务器目录下。注意：远程资源不应该超过 50mb，这是微信小游戏缓存空间的上限。

  5. 开启远程服务器后，需要修改 game.js 中 window.REMOTE_SERVER_ROOT 为当前开启后服务器的路径，这样才能加载到远程资源。

  6. 通过打开微信 web 开发者工具点击创建小程序项目，项目目录选择为发布 web 版后的 publish/html5 目录，并添加 appid 和项目名称进行创建项目，就可以在微信工具中调试并发布微信小游戏。（目前用户尚无法申请 appid，请使用微信开发者工具的 “体验小游戏” 功能）

几个注意事项：

  1. 该解决方案暂时不包含远程资源加载的缓存和更新机制

  2. 该版本小游戏的适配方案为社区版本，该版本主要让CP的现有游戏适配小游戏的进度加快，更好的使用体验请选择Cocos Creator。

  3. 部分功能由于适配问题目前暂时无法使用，开发者可以参考微信小游戏 API 研究解决方案，目前暂时不支持的功能包括：cc.NodeGrid、ccui.WebView、ccui.VideoPlayer、ccui.TextField（可用 cc.EditBox 替代）。

  4. Cocos2d-JS（Cocos2d-html5）适配小游戏的后续技术支持问题，请各位开发者在论坛里交流、讨论。

5赞
#2
#3

喜大普奔…

#4

赶脚要炸了…如果只是单纯的把cocos2d-js当做第三方库来使用 加载 通讯 都是自己实现的-，-

#5

要是能列一个 Cocos2d-html5i修改列表就好了

1赞
#6

3.16版，复选框和滑动条，安卓不响应，什么原因

#7

原来官方并未忘记cocos2d-h5, 不禁感动得热泪盈眶.

#8

问题一、空项目使用cocos compile -p web -m release发布WEB版本，通过微信web开发者工具打开，点击小游戏后创建运行，报错

发布的web版本中，game.min.js文件大小为451kb

问题二、非空项目，发布的web版本，game.min.js必定超过500K，而在微信web开发者工具中，会报错不允许文件超过500k

#9

cc.LabelTTF 在构造函数里面不能设置字体和大小…不然在小游戏平台上纹理会向上偏移

#11

Knox，微信小游戏适配版中的CCAudio.js的loadAudioFromExtList方法中没有加上window.wx的判断，导致了web端出现bug

1赞
#12

读取微信本地的plist文件时url地址还带有url参数 “?_t=xxxxxxx” 导致wx.readFile方法读取文件失败

#13

还可以使用吗？

#14

什么时候会发布正式版本啊

#15

我这里验证了空项目是可以正常运行的，并没有出现报错。。。你是否可以提供一个能复现的 Demo ？

#16

开发的小游戏在iPhoneX上适配（cc.ResolutionPolicy.SHOW_ALL）时视图靠左，不居中

#17

用这个方案 在微信中如何将游戏改为竖屏啊？

#18

game.json > “deviceOrientation”: “portrait”,

1赞
#19

感激涕零

#20

跟瓦片地图相关的用到了这个方法，请问有什么解决方案吗

#21

微信登录和分享接口没有啊