【CocosCreator 3.x 自定义渲染材质方案分享】第二期来啦,希望对大家有帮助。
方案来源自论坛、github 开源仓库、热心开发者、Cocos 引擎开发团队、Cocos 技术支持团队。
- 2D 自定义渲染材质学习 (书籍来源 The book of Shaders )
- 2D Fog
- 战争迷雾效果
- 摄像模式(屏幕后效处理范例)
- 2D 屏幕模糊
方案将会随着 CocosCreator 更新迭代,保证在最新版本的 CocosCreator 中可运行。
github 用户 foupwang 提供,由技术支持团队升级至 3.4.2 版本
- (v3.4.2) 2D 自定义渲染材质学习
工程仓库地址:
https://github.com/cocos/cocos-awesome-tech-solutions/tree/3.4.0-release/shader/Creator3.4.2_2D_TheBookOfShaders
参考仓库来自:https://github.com/foupwang/ShadersBookForCocosCreator
效果截图:
技术支持团队提供
- (v3.5.2) 2D Fog
工程仓库地址:
cocos-awesome-tech-solutions/shader/Creator3.5.2_2D_Fog at 3.4.x3.5.x-release · cocos/cocos-awesome-tech-solutions · GitHub
参考来自:
Simple 2d Fog - Storm - Smoke | Fullscreen & Camera Effects | Unity Asset Store 、cocos-awesome-tech-solutions/shader/Creator3.4.2_2D_TheBookOfShaders at 3.4.x3.5.x-release · cocos/cocos-awesome-tech-solutions · GitHub
效果截图:
技术支持团队提供
- (v3.5.2) 2D 屏幕模糊
工程仓库地址:
cocos-awesome-tech-solutions/shader/Creator3.4.2_2D_Blur at 3.4.x3.5.x-release · cocos/cocos-awesome-tech-solutions · GitHub
效果截图:
Unity assetstore 用户 Daniel Ilett 提供,由技术支持团队升级将方案移植至 3.5.2 版本
-
(v3.5.2) 游戏摄像模式(屏幕后处理特效范例)
一共实现了14 种屏幕后处理特效,下面提供其 6 种效果的 GIF 图:
gitee 用户 简单电脑 提供,由技术支持团队升级将方案移植至 3.6.3 版本
- (v3.6.3) 战争迷雾方案(圆形遮罩 & 圆形 FOV 遮罩)
更新:支持可视范围视野遮挡与显示
TODO:优化高斯模糊性能
效果展示:
往期回顾:
【CocosCreator 3.x 技术方案分享】第一期
【CocosCreator 3.x 技术方案分享】第二期
【CocosCreator 3.x 技术方案分享】第三期
【CocosCreator 3.x box2d C++ to WebAssembly 优化方案】
【CocosCreator 3.x 自定义渲染材质方案分享】第一期