微信号:CocosEngine

介绍:Cocos引擎官方账号,第一时间为您送上引擎动态、精品教程、达人专访等干货,还会定期举办有奖活动喔!

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

2018-01-05 19:00 C姐

重要的事情说三遍:


Cocos2d-JS 适配小游戏版本来了!

Cocos2d-JS 适配小游戏版本来了!

Cocos2d-JS 适配小游戏版本来了!


Cocos 老友们无须一直担心 「Cocos2d-JS 开发的游戏能否适配到小游戏上面」,

答案是:当然可以!第一波上线的游戏里面,既有用 Cocos Creator,也有老游戏用 Cocos2d-JS。但是相对于 Cocos Creator 的一键导出和深度优化,Cocos2d-JS 需要用户手动去合并已经支持的小游戏引擎版本。


节前答应大家, 1 月 5 日结束前,在官方论坛上提供经过测试验证的 Cocos2d-JS 适配小游戏的版本目前已经发布,赶紧撸起袖子上社区大干一场吧!别问我为什么拖了一周才出来,我不先测稳定了,匆忙发出来你敢用?

再次提醒,Cocos Creator 不论工具链和引擎框架的优化,都比 Cocos2d-JS 要好非常多,不仅性能提高不少,而且开发效率也大幅提升了,资源充裕的情况下,还是强烈建议升级到 Cocos Creator 方案。


准备工作


1、从官方社区论坛下载已经包含适配微信小游戏的 Cocos2d-html5 引擎 (基于Cocos2d-html5 v3.16版本) 和 WeChatGame 依赖文件


【下载链接】

http://forum.cocos.com/t/cocos2d-html5-3-16/55119


2、下载微信小程序工具


【下载链接】

https://mp.weixin.qq.com/debug/wxagame/dev/devtools/devtools.html?t=201814


发布步骤


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、打开微信工具点击创建小程序项目,项目目录选择打包后 `publish/html5` 的目录,添加 appid 和项目名称后进行创建项项目,就可以在微信工具中调试,发布微信小游戏了。(目前用户尚无法申请 appid,请使用微信开发者工具的 “体验小游戏” 功能)


注意事项


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


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


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


4、Cocos2d-JS(Cocos2d-html5)适配小游戏的后续技术支持问题,还请各位开发者直接上论坛交流、讨论。


 
COCOS 更多文章 微信上线小游戏,Cocos 助力把握新风口!|葡萄学院(周四开课报名中) 教程:微信小游戏的资源管理 元旦娱乐:跳一跳秘籍传授,轻松过 4000 分 微信小游戏适配层原理 & FAQ 微信小游戏开启!你准备好了没?
猜您喜欢 周末信箱:我为什么要当教授?|科学人 来自社区的pika性能测试 软件流程是轻量级的好还是重量级的好? 4月读书笔记 推荐系统技术之文本相似性计算(三)