微信号:CocosEngine

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

Cocos Creator 项目跨平台基础教程

2018-03-12 23:55 stillwater123

近期公众号后台新增了一批想入门 Cocos Creator 的同学,他们普遍反馈急需最基础的入门级技术干货,所以最近的微信推送会在服务老粉的原则上同时兼顾新手的使用感受。本文主要介绍了 Cocos Creator 项目分别在转微信小游戏、Android App 和 Windows 的手把手教程,贡献给新手们。


1

Creator 转微信小游戏


第一步:下载 Cocos Creator 和微信 web 开发者工具最新版本,根据系统选择对应的版本。 


官方下载地
址:http://www.cocos.com/download


微信开发者工具下载地址: 
https://mp.weixin.qq.com/debug/wxagame/dev/devtools/download.html?t=2018115


第二步:安装 Cocos Creator 和微信开发者工具,预计会占据 1G - 2G 左右的存储空间。

第三步:打开微信开发者工具,扫描二维码登录:
点击小程序项目
,选择项目存放目录(空目录),选择小游戏,选中建立快速游戏启动模板,进入微信小游戏体验模式,,鼠标拖动飞机就可以玩了,确认开发工具能正常运行后进行下一步。


第四步:打开 Cocos Creator,注册账户后,创建一个新的 HelloWorld 项目,进入项目后点击左上角 Cocos Creator,选择偏好设置——原生开发环境(若提示 ant root 路径出错可以前往 http://ant.apache.org/bindownload.cgi 下载稳定版的 apache ant 的 zip),选择 WeChatGame 程序路径,这里就选择微信开发者工具所在文件夹,保存并关闭,点击导航栏的项目——构建发布,发布平台选择 WeChatGame,勾选 MD5 Cache,appid 填 wx6ac3f5090a6b99c5(不要填自己申请的 appid,之后会导致无法在微信开发工具里预览),勾选调试模式,点击构建,构建完成后点击运行,Cocos Creator 会自动在微信开发者工具中打开项目。 


注意事项

若同一个项目已经用这种方法打开过,第二次构建运行会导致只打开微信开发工具的创建界面而不是项目编辑界面,因此这时需要在创建界面中把之前的项目删去。 


其他问题可以浏览 Cocos Creator 官方文档: 
http://docs.cocos.com/creator/manual/zh/publish/publish-wechatgame.html



2

Creator 转 Android App


首先需要 Android Studio(以下简称 AS)3.0 或以上版本,AS 下载地址(应该不用翻墙,但 AS 里面自带的下载功能不确定是否需要代理,推荐挂着 ss): 
https://developer.android.com/studio/index.html?hl=zh-cn 


下载完成后安装,安装过程中遇到问题可以百度谷歌或者群里咨询,基本问题不大。 


下载完成后新建一个 AS 空项目,点击左上角 File——Project Structure 


 

其中 SDK 和 NDK 的路径是我们之后使用 Cocos Creator 需要用到的,如果没有 SDK 和 NDK 可以在这个界面下载,会有一行 Donwload 蓝字在对应行的下方,完成后可以关闭该 AS 工程。 


接着打开 Creator 项目,进入偏好设置——原生开发环境,将之前的 NDK 和 SDK 路径设置进去,保存并关闭。之后选择导航栏项目——构建发布,发布平台选择 Android,模板选择 default 默认,勾选 AndroidStudio,API-Level 看个人情况,APP ABI 请根据真机调试的手机 CPU 架构进行勾选(最好不要用 AVD 进行调试,小问题很多),我用来测试的是 VIVO X5PLAY 所以勾选了前三个,点击构建,构建完成后编译(第一次编译时间会比较长)。 


编译完成后打开 AndroidStudio,选择 Import project(Gradle,Eclipse ADT,etc.),进入 Creator 项目目录——build——jsp-default——frameworks——runtime-src,找到 AS 工程项目,打开即可,推荐用真机调试。


注意事项 
1、使用 SDK Manager 下载 SDK 时请以管理员身份运行,但是使用 AS 自带的 SDK Manager 就不用。 
2、使用 Cocos Creator 编译项目时请确认 Java 环境变量已经配置成功,classpath、path、JAVA_HOME,尤其注意 JAVA_HOME 配置的路径是 JDK 而不是 JRE


3

Creator 转 Windows


首先需要安装 Visual Studio 2015 或者 2017。 


打开 Cocos Creator 项目,项目——构建发布,发布平台选择 Windows,VS Version 选择自己下载的 VS 版本,勾选调试模式,点击构建,构建完成后点击编译,编译成功后打开 VS,和之前 AS 导入 Cocos Creator 项目的方法一样,进入 Cocos Creator 项目目录——build——jsp-default——frameworks——runtime-src,找到 VS 工程,打开即可。 


注意事项

如果 Cocos Creator 里编译不成功,就先用 VS 打开工程,编译(如有必要,右键项目“重新定位”)成功后,以后再在 Cocos Creator 里编译运行就正确了。 



初入 Cocos Creator 的新手们,上周五官方刚发布了 v1.8.2,版本完善了微信小游戏支持、修复了如下 bug:包括 iOS 平台崩溃问题、用 OBB 替换 AABB 的包围盒检测方式、touch cancel 事件问题等,推荐你们直接开搞 v1.8.2。另外还有什么想了解的技术问题,欢迎底下留言让C姐知道。

 
COCOS 更多文章 《Cocos Creator 编程精粹》,诚邀各位大神投稿! Cocos Creator v1.8.2 正式版本发布! 推荐一款快速集成 4399 原创平台的 SDK 插件 开启你的 Cocos Creator 第一个小游戏吧! Cocos 水友自创微信小游戏 - 元宵灯笼连连看
猜您喜欢 【UXRen活动现场笔录】走不出“交互设计”的产品经理不是好的英语老师 西安黑马JAVAEE就业3期 毕业24个工作日, 正式入职56人,就业率高达75.68% HDFS高可用方案之QJM Pika的API和高可运维总结 DaoCloud 荣膺中国财经峰会行业影响力品牌大奖