跨平台Cocos2dx 工具开发（一）特效编辑器

灰太狼 2022-09-18 10:00 211阅读 0赞

写特效编辑器有一段时间了。。。最近准备发布具体编写过程，供大家参考，同时作为自己的工作记录。 敬请期待，暂且保存

**1. 项目简介**

特效编辑器（下文称编辑器）是一个基于当下流行的2d游戏引擎cocos2dx（2.1.4）开发的夸windows和mac平台的特效编辑工具，为游戏开发提供便利，编辑器使用的特效库与游戏共享，导出的特效文件可以直接在游戏中通过特效库加载使用。 编辑器支持类似于visual studio的资源浏览器，可以新建一个项目工程，然后在里面添加各种特效，方便特效的分类管理，特效在编辑器中所见即所得，下面具体介绍该编辑器。

**编辑器目前支持的特效**

闪电效果（ Lightning Effect ）， 粒子系统， 高级精灵（ Advanced Sprite ）， 网格变形（Mesh Warp）等。

同时支持以上所有特效的组合。编辑器支持Tween变换。

**编辑器UI布局**

编辑器界面分为项目管理，渲染窗口，时间轴，属性编辑，工具栏5个子窗口，如下图

![SouthEast][]

项目管理窗口： 支持新建特效和添加分组，考虑到实际游戏中会有许多特效，他们应用的地方也不尽相同，例如ui特效，技能特效，武器特效等等，这里就可以根据不同的特效应用场景添加分组

渲染窗口：实时渲染特效及编辑器辅助编辑工具，可以在工具栏中选择具体的分辨率来调整渲染窗口的大小以适应不同的设备分辨率。

时间轴：时间轴所用的资源来自于CocosBuilder，正式版会替换，目前时间轴支持单帧查看和编辑特效；支持插入多个子特效节点和子效果；时间轴显示的是一个完整特效的所有子特效和子特效节点。

属性编辑器窗口：用来编辑选中的特效或者子特效节点的属性， 该窗口会根据选择的特效的不同而动态创建。

工具栏：一些快捷更能集合，跟MFC的RibbonBar功能一样，进行特效的加载保存和新建，以及工具的相关设置。

**2. 项目结构**

下面的简图是我个人整个游戏开发的工作目录结构， 其中本文中的编辑器是绿色框部分。EffectEditor即特效编辑器，ProjectFramework提供了一个特效编辑器与其他编辑器共享的编辑器UI框架。

ToolUtil，提供了编辑器项目管理和常用工具类工具集。wxExtensions是对wxWidgets的一个扩展，实现上面图中的时间轴以及属相编辑框等众多原本wxWidgets没有的控件和功能。

![SouthEast 1][]

**3. 跨平台界面开发库wxWidgets**

wxWidgets是一个免费开源的App UI开发框架，详细内容请前往官方地址[http://www.wxwidgets.org/][http_www.wxwidgets.org]了解。

到现在还没有对大家有什么帮助的地方，接下来我会介绍我的各个效果的实现过程。

To be continued...

[SouthEast]: /images/20220828/b05fe7b1b00a410eb3ac4730c578d7c6.png
[SouthEast 1]: /images/20220828/403037d3a0224ffea342e6b28d34c3a5.png
[http_www.wxwidgets.org]: http://www.wxwidgets.org/

发表评论取消回复

表情：

评论列表（有 0 条评论，211人围观）

还没有评论，来说两句吧...

相关阅读

相关跨平台Cocos2dx 工具开发（一）特效编辑器

写特效编辑器有一段时间了。。。最近准备发布具体编写过程，供大家参考，同时作为自己的工作记录。敬请期待，暂且保存 1. 项目简介特效编辑器（下文称编辑器）是一个基于当下流

灰太狼/ 2022年09月18日 10:00/ 0 赞/ 212 阅读

相关 cocos2dx游戏开发加速度计

在cocos2d-x引擎中使用了类CCAccelerometer来存储加速度计的信息类CCAccelerometer的作用和用户操作的分发器类似区别在于用户操作的分发器可

心已赠人/ 2022年08月25日 13:58/ 0 赞/ 279 阅读

相关 cocos2dx之HTTP开发

异步http请求首先包含头文件 \include "network/HttpRequest.h" \include "network/HttpClient.h" us

绝地灬酷狼/ 2022年08月21日 04:47/ 0 赞/ 223 阅读

相关 cocos2dx setDisplayStats

82 <-- number of draw calls 0.016 <-- time it took to render the frame 60.0 <--

电玩女神/ 2022年08月14日 03:52/ 0 赞/ 343 阅读

相关 cocos2dx-3.2 3DAction 一些3D特效

网格属性就像是一个个交叉形成的一系列的矩形。任何Node对象（Layer，Scene，Sprite等等）都具有这种特殊的属性，你可以通过移动他们的顶点来变换这些网格。

短命女/ 2022年08月13日 00:45/ 0 赞/ 291 阅读

相关 cocos2dx shader

在测试过程中，发现shader如果有错误，那么在material创建的时候就会报错。这是检查shader的一个好方法，但是不会告诉具体哪个条出错。在cocos2dx中，

谁借莪１个温暖的怀抱￠/ 2022年08月10日 00:48/ 0 赞/ 347 阅读

相关 cocos2dx动画常见22种特效

本文转载自：http://www.cnblogs.com/linux-ios/archive/2013/04/09/3009292.html bool Hel

我不是女神ヾ/ 2022年08月06日 02:19/ 0 赞/ 193 阅读

相关 cocos2dx 内存学习一

<span style="font-size:18px;">自动释放池：</span> <span style="font-size:18px;">///\c

小灰灰/ 2022年08月04日 12:51/ 0 赞/ 203 阅读

相关 cocos2dx特效

//3D晃动的特效 // CCActionInterval shaky3D = CCShaky3D::create(5, CCSize(10, 10)

末蓝、/ 2022年07月27日 23:30/ 0 赞/ 369 阅读

相关 cocos2dx lua和c++纹理平铺

lua: local bg = cc.Sprite:create("test.png"); bg:getTexture():setTexParameters(

怼烎@/ 2022年06月05日 12:05/ 0 赞/ 266 阅读