一款极好用的Cocos 3D模型观察器
2016.09.26 by cocos
教程

Cocos很早就开发了3D模块,后续也有不少团队使用Cocos开发了一些3D游戏。今天,我们给大家介绍一款由知名Cocos技术大牛,现任北京火石镇网络科技有限公司的CEO卞安开发的一款针对Cocos3D模型观察器—— “Cocos3D Mesh Viewer”。

1
Cocos3D Mesh Viewer启动界面

卞安介绍道:“使用Cocos开发3D游戏,相关的工具太重要了! 从我的3D引擎和项目研发经验上看, Cocos在3D方面已经具备一些基础的功能模块,可以胜任一些休闲类甚至是MMORPG的3D项目。我也想通过我们的努力,不断完善Cocos相关工具,帮助使用Cocos来进行3D项目开发的团队来解决现实问题,模型观察器是使用频率最高的基础工具,所以,我就先将它开发出来,工具是免费的,欢迎大家使用哦!”

工具包只有10M左右,主要就是一个EXE以及必须的Cocos运行库,双击“MeshViewer.exe”运行起来,全屏显示后,就只有一个网络和一个OpenFile的按钮,非常简洁,通过点击按钮打开一个C3B动画模型后,我们看到了完整的界面,最上面是文件的一些基本信息,包括文件名,顶点数,三角面数,包围盒大小等。

2
Cocos3D Mesh Viewer主界面

然后是一排复选框按钮,用于对显示选项进行控制。左边有两个列表区域 ,用于显示模型的子模型和贴图列表,右边的两个列表区域则用来显示骨骼和动作列表。下方是当前完整动画的帧显示区和播放控制区,动画播放过程中,可以看到当前帧的位置和前进动画。所有的界面控件都是基于CocosUI来做的,目前只有WINDOWS版本,但想必后期跨平台不是什么大问题。

这款工具现在所具有的功能主要包括以下几个部分:

1.Fbx和C3B文件操作:直接转换,功能完善,方便快捷

直接在工具中打开或拖进一个FBX就可以转换成C3B文件,省去了在控制台使用fbx-conv命令行操作转换exe的处理。通过导出C3B文件,也可以将模型分离成只有模型或只有动作的C3B文件进行导出。

2.模型查看与操作:多种观察选项,结合重要测试功能

打开C3B文件后,可以进行模型的观看,包括线框模式,显示包围盒,显示骨骼树,顺时针与逆时针捡选,灯光顶点法线等选项,方便了解模型各方面的渲染情况。同时能够显示模型所有的子模型,并可以有选择的查看并进行换子模型的测试,你可以先选中一个子模型项,然后通过点击右键在弹出的文件对话框中从另一个模型里找到同名的子模型进行更换。这个功能非常方便进行人物的换装测试。

3.纹理贴图的查看:帮助你快速查找到模型贴图中问题

显示模型所有的纹理贴图信息,包括图片显示,大小信息等。可以有选择的查看和更换,你可以选择一张贴图然后通过点击右键在弹出的文件对话框中从另一个模型里找到同名的子模型进行更换,方便进行贴图测试。

4.骨骼与动画操作:功能强大,显示直观,操作简便

显示所有的骨骼清单,可以在骨骼树上突出显示出当前选择的骨骼,并进行骨骼绑定模型的测试。你可以选择相应的骨骼,然后通过点击右键在弹出的文件对话框中把另一个C3B模型导进来绑定在这个骨骼上进行查看。这个功能非常方便进行武器和坐骑的测试。

3

在这部分,你可以通过右边的“Manage Action”按钮来设定开始帧和结束帧命名为一个动作,然后保存为一个文本文件出来供游戏中使用,这里是按CSV文件的格式保存的,同时可以在下面的动作帧显示区中逐帧查看每个自定义的动作播放效果。你可以在帧面板上点击任意帧使当前动作停在这一帧上,保持拖动来随意的观看任何一帧。

对于CSV文件,有的同学可能不太了解,它是一种通过逗号分隔符来区分数据段的文本文件。网上有不少读取的算法,还是比较简单的,大家可以参考一下。比如这个模型导出的动作CSV文件中的数据,第一行会有说明,第二行以后分别是每个动作及起始帧,结束帧,有了它,程序猿可以放心的把动作管理这部分工作丢给美术设计狮的小伙伴们啦!

4

5.其它亮点:扩展性高,实用性强

(1)你可以为一个骨骼动画模型导入一个包围盒模型,使这个骨骼动画模型文件具有一个合适的固定包围盒,并导出这个新的模型C3B文件。这个功能将在一定程度上解决Cocos引擎3D项目中进行模型碰撞处理时骨骼动画模型包围盒不准确的问题。

(2)如果你想在某一帧上加一个事件,比如播放一个声音或者让模型隐藏以及调用一个脚本什么的,你可以试试在这一帧上通过右键点击弹出的事件编辑来进行处理,不过它目前能给你的是一个CSV文件,供你在游戏项目中去使用。

5

导出的帧事件CSV文件中的数据,41代表第41帧,0代表事件类型,1代表事件参数数值。

6

整体试用下来,这款工具具备强大的功能和极易上手的特点,绿色小巧,基本可以满足开发者对于3D模型的一般观察和编辑需求。非常推荐给大家下载使用。

7
火石镇网络的小伙伴们

“下一步我们会再继续一些功能的开发,比如如果你在Materials中增加一些材质文件,也可以看到材质列表区域,你可以为模型指定相应材质。另外还有就是材质编辑模块,通过各种Shader元素组合生成材质之类的。另外,也要收集一下大家的意见,看看大家的需求。我们团队其实为Cocos开发过很多工具了,早在几年前我曾和同事开发过一款Cocos2d-x的工具集《红孩儿工具箱》后被触控收购,我们也因此进入触控并为Cocos引擎和工具努力过。希望未来也能够在这条路上为大家提供更多的好工具。

另外,我们也在使用Cocos开发一些VR的游戏项目,比如马上上线的杭州映墨儿童PC端VR的游戏《南瓜保卫战 – 三线防御》以及将上线三星内容商店的VR游戏《梦幻麻将》,就是我们用Cocos开发的,下个月大家应该在多家移动VR内容平台看到它。希望能够得到大家的关注。谢谢!”

此外,我们也有个好消息要告诉大家:卞安已经与清华大学出版社签约,未来将会出版关于Cocos开发VR的技术指南书籍,同时也会陆续推出干货满满的视频教程。相信他给我们带来更多惊喜。

Cocos3D Mesh Viewer下载地址:

http://cocostudio.download.appget.cn/others/community/MeshViewer.rar