E.E. 首次发布

Effect Exporter 编辑器首次发布

• EffectExporter 是一款支持 Shader 2D&&3D 特效可视化编辑的CocosCreator集成插件， 现已上线Cocos商店

  插件地址：http://store.cocos.com/app/detail/3369            

  论坛讨论：https://forum.cocos.org/t/topic/125728            

前言

• 随着 v3.0.0 版本的发布，CococsCreator 3D 功能更加完善，而我对其中 Effect3D 效果的实现比较感兴趣，但鉴于 CocosCreator 目前还没有内置的可视化材质编辑器，一番考量之后，我萌生了一个大胆的想法：在 CocosCreator 编辑器内集成 Effect3D 材质编辑器！于是，就有了 Effect Exporter 。

简介

• 这是一款为 CocosCreator 深度定制的 Shader Effect 编辑器插件

• 支持 effect 2D/3D 特效

• 支持 3D 光照

• 支持纹理/法线/折射/反射贴图

• 支持从资源管理器右键一键编辑 material 、effect 文件，可实时保存到effect文件并生效预览

• 支持重新编辑已导出的 effect 文件

• 支持 shift + 左键 框选生成 Frame 组合节点重复使用

• 已调通 100+ 节点，可满足大部分 effect 特效需求

• 已打通在线示例，可一键导入并重复编辑

界面一览

快速开始

• 在 CocosCreator 编辑器菜单 扩展 --> 商城 中搜索 exporter 即可找到该插件，购买后下载到本地：

         

• 导入插件 oreo-shader-effect-exporter 并启用，推荐安装到 全局 ，所有项目可用：

         

• 在 资源管理器 面板选中任一 effect 或 material 文件，如果右键菜单出现 编辑 Effect 等字样，则表示插件已导入成功：

在线示例

• 新建 Cube 节点，新建 effect 、material 文件，为 material 指定 effect 后，右键选中刚才新建的material或effect，可看到 编辑 Effect 相关菜单，点击即可打开 Effect Exporter 编辑器。简单修改下默认模板（这里只是简单调整了颜色），点击左上角菜单 导出（.effect）即可导出到关联的 effect 文件并实时生效预览：

  注：            

  • 插件第一次编辑某个 effect 文件时，会生成一份默认(3D)的节点树结构。

  • 该行为与操作左上角菜单弹出面板下的 新建默认Effect3D项目 行为相同。

  
         

  • 视频截图：

                   

加载示例

• Effect Exporter 提供了完整的在线示例，可以很方便的浏览效果并一健导入：

  目前示例还在持续添加            

• 部分示例展示：

  溶解与定向消失        

  菲涅尔反射        

  光照贴图        

         

同时支持 2D/3D 显示

汇总效果

• 线上示例均可一键导出到 CocosCreator 中，以下是部分示例运行效果：

         

• 入门演示