如果希望在引擎中实现自定义的着色效果,需要书写自定义 Effect。我们推荐使用 VSCode,搜索安装 Cocos Effect 插件,以便编辑任何 effect 文件。 注意:这篇文档的目标受众是项目组中的 TA 或图形向的程序,如果有具体定制 shader 需求的美术人员,请联系项目 TA 或程序,把这篇文档丢给他!
在资源管理器中选择材质,然后在属性检查器的 Effect 下拉框中可以看到新建的 New Effect 选项。 Effect 书写规则 Cocos Creator 的 Effect 书写规则基本与 Cocos Creator 3D 一致,可以使用 VS Code 的 Cocos Effect 插件进行编写,只是内置的一些 shader 变量名字有些区别。具体可以参考文档。
二、安装 Effect 语法高亮插件 首先,Visual Studio Code 用户先安装Cocos Effect高亮插件,这是 Cocos 官方写的插件,极大地方便我们使用 Visual Studio Code 去查看和编辑任何*.effect文件 Cocos Effect Plugin 三、Effect 文件 OK,安装好插件后,现在我们可以选择一个 Cocos Creator 内置的一个 Effect 文件去进行解读...
新建Cube节点,新建effect、material文件,为material指定effect后,右键选中刚才新建的material或effect,可看到编辑 Effect相关菜单,点击即可打开Effect Exporter编辑器。简单修改下默认模板(这里只是简单调整了颜色),点击左上角菜单导出(.effect)即可导出到关联的effect文件并实时生效预览: 注: 插件第一次编辑某个effect文件时...
支持Creator 原生插件模式同时提供网页版的 Cloud / 云 模式,使用方便; 大量内置特效组件, (目前多为基础组件,后续会添加更多复杂组件); 制作后导出特效为 Creator 原生支持的 .mlt + .effect 文件,因此可以方便地使用在各种平台上; 全中文化(双语切换),编辑器所有功能全部中文化,包括所有组件的说明,文档; ...
Effect 文件的编写可以使用 VS Code ,在编辑器中双击 Effect 文件会自动在 VS Code 中打开,另外 VS Code 的插件 Cocos Effect 也支持 Effect 文件的语法高亮。 Demo 示例 本文相关的自定义渲染组件及自定义 Assembler 的 Demo。 下载地址 : https://github.com/cocos-creator/demo-shader ...
新版Cocos Effect VSCode 插件,支持内置函数、宏和全局变量的语法着色、自动补全、详细提示、语法检查等功能,可在 VSCode 扩展中搜索 Cocos Effect 进行安装 Game 支持固定步长更新 支持淘宝小游戏 [XR] XR 构建模版中增加 HEADTRACKING & PASSTHROUGH [XR] 支持 EYE RENDER END 回调 Fixes 修复高刷设备在 Web 端...
经过一段时间的迭代,这次终于升级到了正式版!这个版本的 Effect 编译语法和 Cocos Creator 3D 保持一致,可以使用 VS Code 的 Cocos Effect 插件进行编写,只是内置的一些 shader 变量名字有些区别。之前在旧版 Creator 中对材质进行过定制的开发者们,可以根据文档尝试升级到正式版,如果有遇到困难可以在论坛发帖求助。
vscode中安装Cocos Effect插件 这个插件可以高亮effect文件,方便阅读代码。选择查看-扩展 搜索Cocos Effect并安装 安装后代码有了颜色 第一个例子,将图片变成红色 修改TestEffect的CCProgram fs的最后一行gl_FragColor=o改为gl_FragColor = vec4(1.0,0,1.0,1.0) ...
CCProgram vs 及 CCProgram fs 分别是顶点着色器及片元着色器,语法是标准的 GLSL 语法。Effect 文件的编写可以使用 VS Code ,在编辑器中双击 Effect 文件会自动在 VS Code 中打开,另外 VS Code 的插件 Cocos Effect 也支持 Effect 文件的语法高亮。