1.1 Cocos 不同时期与产品
刚接触Cocos家族的时候,会有很多个Cocos的版本与分支,比如Cocos2d, Cocos2d-x, Cocos Creator 1.x, Cocos Creator 2.x, Cocos Cretor3D, Cocos Creator 3.x, CocosDashboard, 等我们先把Cocos 的主要产品脉络梳理一遍。
对啦!这里有个游戏开发交流小组里面聚集了一帮热爱学习游戏的零基础小白,也有一些正在从事游戏开发的技术大佬,欢迎你来交流学习。
智能手机刚出来的时候,国外做了一个2D游戏引擎给iphone上开发游戏使用,叫做cocos2d, 他是用objective-c实现的ios的2D游戏引擎。随着手机游戏的兴起,一次开发,同时可以发布到Android与IOS平台就成了手机游戏引擎的必备的需求,所以国内有一个团队,使用C++实现了cocos2d的objective-c的代码与接口,实现一次开发同时发布到Android与IOS等平台。并把这个游戏引擎项目开源,叫做cocos2d-x。基于cocos2d-x,又发展出来了cocos2d-x 2.x以及cocos2d-x 2.x相关的开发工具,如cocos studio等。基于cocos2d-x引擎内核又发展出cocos2d-x-lua与cocos2d-x-js分支,支持Lua与JavaScript开发游戏逻辑代码。这个期间很多手游都是用cocos2d-x开发出来的,比如《刀塔传奇》等。后来随着h5游戏的兴起,cocos2d-x团队又做了一件事情,就是用JavaScript基于h5实现了cocos2d-x开发接口相同的的h5游戏引擎。这样使用cocos2d-x-js开发游戏,既可以发布成手机游戏,也可以发布h5的游戏。
![](http://pic3.zhimg.com/v2-96295d67a88b03dbb9ca213a27df0126_r.jpg)
![](http://pic3.zhimg.com/v2-bf01e0e93a500bb0a28dc83b42dc0a26_r.jpg)
1.2 安装Cocos Creator
去到Cocos官网,
https://www.cocos.com
, 选择”产品/Cocos Creator”, 选择下载中心,立即下载,可以下载到各个版本的Cocos Creator,如下图所示:
![](http://pic3.zhimg.com/v2-10c21b3cbb1ba22d1ba015dade01647a_r.jpg)
Cocos Creator 3.x全新的2D/3D游戏开发引擎,Cocos Creator 2.x 传统的2D游戏开发引擎,后面Cocos Creator 2.x会停止维护,所以尽量大家新项目都用Cocos Creator 3.x系列。安装的时候,先安装CocosDashboard,后面基于Dashboard来安装对应的Cocos Creator版本就可以了。安装好了以后,打开CocosDashboard能看到你电脑上安装的Cocos Creator版本。如图所示:
![](http://pic1.zhimg.com/v2-9a58fe318bd4a1c46d9a81cf7414a660_r.jpg)
![](http://pic2.zhimg.com/v2-59fd0d74679bff7148b3fb2c2cf6946d_r.jpg)
![](http://pic4.zhimg.com/v2-736cea77f280faa0c46c320ecaded3c3_r.jpg)
![](http://pic2.zhimg.com/v2-41f95492b80c8403f6216808740c55d9_r.jpg)
创建完成后编辑器就会打开项目,你就可以使用编辑器来开发游戏了。
![](http://pic2.zhimg.com/v2-c437c664bc7cdb4c4b88a14cb94cc3d9_r.jpg)
![](http://pic4.zhimg.com/v2-914eb02a271f55ab87948c321da0cf1f_r.jpg)
(2) 场景编辑器: 用来可视化编辑2D/3D游戏场景与预制体。
![](http://pic3.zhimg.com/v2-dcee41b2870418fca5fbe1436ecac68a_r.jpg)
(3) 资源管理器:用来查看与管理当前游戏项目的代码+资源。如图:
![](http://pic3.zhimg.com/v2-e1cb24ea22c935de863bbc3c78d318ae_b.jpg)
(4) 属性检查器:用来检查当前节点/资源文件等的相关属性信息,也可以做相关可视化修改与设置。如图:
![](http://pic3.zhimg.com/v2-4b2b079668016513b068adbd94eb97f6_b.jpg)
(5) 动画编辑器: 可以查看与编辑游戏中的一些动画,如图:
![](http://pic3.zhimg.com/v2-631fd6389022731ddc3a1f95dfc69dd6_r.jpg)
(6) 调试预览工具栏: 开发完成以后预览运行,就基于工具栏中的按钮来运行预览,如图:
![](http://pic1.zhimg.com/v2-ba05ba5406a695c509baab527b9fc330_r.jpg)
点击三角形按钮,就可以预览运行当前游戏场景的效果。左边的下拉选择框可以选择哪种模式下预览运行,一般开发的时候选浏览器模式预览运行,如图:
![](http://pic1.zhimg.com/v2-3ad425a6a866692aae2b132a3d9eed78_r.jpg)
其它的一些编辑器上的功能我们在后面进行介绍。
1.5 Cocos Creator 重要菜单介绍
偏好设置菜单: 点击CocosCreator/偏好设置, 打开菜单,主要是编辑器的一些全局设置,针对这些全局设置,CocosCreator按照类别来进行分类,建议大家把每个类别的菜单都仔细看下,如图:
![](http://pic1.zhimg.com/v2-decd708a42262c814b20ebb0262a36d8_r.jpg)
项目设置菜单: 点击”项目/项目设置”,能查看到当前针对项目的相关设置,这里的每一项也建议大家都看一遍,后面用到的时候再详细的讲解。如图:
![](http://pic4.zhimg.com/v2-a52f11a723eae21709ded753c9ea566b_r.jpg)
其它的菜单都可以看以下,但是这两个部分的菜单最为重要,后续讲解中如果用到了某个菜单再详细讲解。 |