频道导航

COCOS2D-X 学习

2019-05-18 Cocos2d-x 前端之家

前端之家收集整理的这篇文章主要介绍了COCOS2D-X 学习，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

虽然做了很久的游戏但是接触的框架都比较偏不知道有多少同学用的这套东西(gameswf + flash + lua/C/C++)

这套不是市面上主流的框架开始准备用COCOS2DX来开发游戏花了不少时间学习半个来月吧但是项目转用U3D开发估计很长时间内都不会去用这段时间学得COCOS2D-X,

下次接触多半也搞忘了但是2D游戏都大同小异写这篇文章算是总结这段时间的学习梳理一下思路也做未来备份用

需要说明的是我完全没用COCOS2DX开发完整项目的经验只是从0开始学习这个引擎的一些感悟和个人觉得需要准备得东西还有就是我错别字会非常多.

@H_502_13@

@H_502_13@ @H_403_21@COCOS2DX 是一个开源的2D游戏引擎虽然它支持3D 但是目前市面上应该没多少游戏拿这块去做目前我主要学习的是他的分支 Cocos2dx-lua,至于为什么选择lua 一是自己比较熟悉二是网上那一堆原因(DLC自动更新,开发效率高etc...)

@H_502_13@ @H_403_21@下面是自己的学习流程

@H_502_13@ @H_403_21@1.在COCOS官网下载了基本的东西:

@H_502_13@ @H_403_21@我主要下载了 cocos studio /Cocos2d-x （它里面已经包含了lua代码）

@H_502_13@ http://www.cocos.com/download/

@H_502_13@ 2.从头到尾好好看看官网的文档

@H_502_13@ 虽然写的非常简洁但是大概说明了cocos得用法和功能点

@H_502_13@ http://www.cocos.com/doc/ @H_502_13@ 3.将下载下来的cocos2dx 跑起来 (我直接用MAC跑的比较简单) @H_502_13@ 熟悉工程的目录结构和组织方式包括他用到的库 @H_502_13@ 然后再模拟器或者真机上看demo效果需要研究对应模块之前好好读读源代码 @H_502_13@ 读里面的demo代码用处是非常大的建议每个文件都看一遍 @H_502_13@ 4.学习tiled地图编辑器附带学习了QT 因为tile是开源项目用QT实现的 @H_502_13@ 如果做的是dota传奇那种没有瓦片地图的游戏这块可以跳过 @H_502_13@ 5.学习cocos studio的使用 @H_502_13@ 6.学习特效制作(ParticleDesigner / Particle 2dx / Particle editor) @H_502_13@ 7.学习骨骼动画(Spine /cocostudioanimationeditor ) @H_502_13@ (6.7可能不需要你自己动手取做但是作为程序员需要知道文件格式和基本使用) @H_502_13@
@H_502_13@ @H_403_21@
@H_502_13@ @H_403_21@主要介绍下COCOS2DX会用到的主要工具/编辑器,这些东西基本都可以极大的提升工作效率,避免重复造轮子: @H_502_13@ @H_403_21@1.Cocos Studio @H_502_13@ @H_403_21@这个东西其实我用到不多如果用COCOS来开发我估计我也仅仅会用他来做一些界面UI 它里面包含了一些基本控件如地图/特效/声音/骨骼动画,其实这些东西都是外部准备好的文件个人觉得没必要再用它来包装一次(也可能是自己没项目经验没理解到该怎么用) @H_502_13@ @H_403_21@做UI的话使用cocos studio 还是比较方便的虽然和flash比起来还差得比较远但是基本的功能都是有得包含了帧动画/帧时间/按钮(按钮事件/按钮动画)/基本容器等等,让美术来做界面,程序加事件代码基本够用了,详细可以看引擎里面的示例代码(CocoStudioTest),说说自己觉得OK的屏幕适配解决方案: @H_502_13@ @H_403_21@1.首先在代码里面设置显示模式为SHOW_ALL @H_502_13@ @H_403_21@2.每个界面做3份分别是16x9 4x3 3x2 然后高更具对应的屏幕宽高(如果不是这个比例就去取靠近最相似的比例)比例调用对应的文件 @H_502_13@ @H_403_21@
@H_502_13@ 2.地图编辑器Tiled @H_502_13@ 这是一个开源的瓦片地图编辑器 cocos目前对他的支持已经比较好了关键是他是开源的我们可以根据项目的需要修改它 @H_502_13@ @H_403_21@官网: http://www.mapeditor.org @H_502_13@ gitHub: https://github.com/bjorn/tiled @H_502_13@ @H_403_21@格式介绍: @L_404_4@ @H_502_13@ 地形编辑: http://www.flashj.cn/wp/tiled-mapeditor-terrain-tool.html @H_502_13@ 使用起来极为简单可以直接看引擎里面的事例代码(FastTiledMapTest/TiledMapTest) @H_502_13@ 需要注意的是: @H_502_13@ @H_502_13@ 1). TileMapAtlas @H_502_13@ cc.TileMapAtlas:create(s_TilesPng,s_LevelMapTga,16,16) @H_502_13@ s_LevelMapTga :map地图是由一张TGA标示的比如一个 160X60的地图就需要一张160X60的TGA图片取这张图片的R色值来获得tile的坐标 @H_502_13@ s_TilesPng : Tile坐标文件 @H_502_13@ 后面16,16是tile的宽高 @H_502_13@ 具体是用什么工具取实现map的有待查证,美术的ps一定可以,用tile也可以实现(用色块当瓦片保存为图片)但是不知道推荐的使用什么实现的。 @H_502_13@
@H_502_13@ @H_502_13@ 2)用fast tile map 加载TMX文件 @H_502_13@ 3.2版本的TiledMap会自动裁剪掉屏幕外的地图格子，减少渲染对象的数量，大大提升游戏的效率。以CCEXP打头 @H_502_13@ ccexp.TMXTiledMap:create("TileMaps/orthogonal-test3.tmx") @H_502_13@ layer:addChild(map,kTagTileMap) @H_502_13@ 但是亲测发现有bug:如果用 ccexp. TMXTiledMap 加载tiled创建出来的 Isometric(Staggered) /Hexagonal(Staggered) 地图,一个会缩成一堆,一个会整体成菱形但是用cc. TMXTiledMap 加载就不会有问题 @H_502_13@ 这个应该是引擎目前的bug @H_502_13@
@H_502_13@ 3).如果你要修改Tiled 就需要先了解一下QT,下面这个文章非常不错简介明了 @H_502_13@ http://www.jb51.cc/article/p-uwomxrhr-ms.html @H_502_13@
@H_502_13@ 4).我没有细致看加载tiled map的Cocos2dx引擎代码每个tile底层实现为sprite,看看项目后期能不能优化那些永远不会改变的layer 减少遍历或者循环的次数 / 出屏不计算(绘制) @H_502_13@
@H_502_13@ 3.特效编辑器 @H_502_13@ @H_502_13@ 1.ParticleDesigner 破解版有1.3的 2.0的需要购买 @H_502_13@ 2.网页版的Particle 2dx @H_502_13@ http://www.effecthub.com/particle2dx @H_502_13@ @H_403_21@3.cocosParticle editor 这个只有windows版本 @H_502_13@ 几个软件看你怎么顺手怎么用导出plist给引擎用就是了 @H_502_13@ 需要注意的是所有你在软件里面设置的参数都是可以在程序内部配置的,如下 @H_502_13@ @H_502_13@ localparticleSystem=cc.ParticleSystemQuad:create("Particles/particle_texture.plist") @H_502_13@ particleSystem:setPosition(cc.p(100,100)); @H_502_13@ particleSystem:setStartSize(10.0); @H_502_13@ particleSystem:setPosVar(cc.p(10,100)) @H_502_13@ ParticleReorder_layer:addChild(particleSystem); @H_502_13@ 用setXXXX来设置这些变量 @H_502_13@ 还有个问题就是plist对应的是一张单独的图片目前看起来是不支持切图的如果需要将特效图片合图可能需要修改引擎 @H_502_13@
@H_502_13@ 4.其他的一些工具 @H_502_13@ @H_403_21@1.骨骼动画编辑器 Spine这个基本都是给美术用,程序使用导出文件就是了 @H_502_13@ 这个论坛不错 :http://www.cgjoy.com/forum.PHP?mod=forumdisplay&fid=331

2.texture packer 一个合图的工具

其他的一些杂谈:

Cocos2d-x纹理优化

http://www.jb51.cc/article/p-ffjvjfdd-bka.html

Cocos2d-x socket长连接 @H_502_13@ http://www.himigame.com/iphone-cocos2dx/844.html

http://www.jb51.cc/article/p-flxrdlrd-tz.html

如何实现强同步游戏:

@H_502_13@ http://www.skywind.me/blog/archives/1343