Shader Graph: 能量护盾

实现思路

本篇文章参考学习了b站up主的视频:小沈的奇妙冒险

通过shader graph 实现能量护盾效果,其实现思路为:通过shader graph 中的 patter 在护盾mesh 上均匀铺上圆点,然后通过 simple noise 为圆点图案添加渐变效果,然后通过 gradient noise 为护盾添加流动光效果,以及通过 uv 的极坐标实现中间透明、四周不透明的效果,最后通过一张加工过的 uv 贴图实现护盾边缘发光效果。

效果预览

Shader Graph 详细实现

平铺圆点

首先要引入一个 Unity URP 内置文件夹:Window -> Package Manager

在 Assets -> Samples -> Shader Graph -> (版本号) -> Dots 中是一个产生圆点的 Shader Graph 子图,将其拖入或直接空格键输入Dots 获取。

然后与 Simple Noise 制作出带有圆点与渐变的效果:

流动效果

随后将 Flow 与 Dot Patter 输出结果相加。

Inner Mask

极坐标获取内部图案的遮罩,使中间到四周逐渐显现。

Border Mask

这是根据 Shield Mesh 的 uv 对最边缘的地方描边,获取一个在边缘 uv 处是 1 的遮罩。

整合

最后在场景中右键 -> Volume -> Global Volume 然后勾选:Bloom 中的 Threshold、Intensity、Scatter、Tint

然后设置选项的数值获取合适的 Bloom。

相关推荐
郝学胜_神的一滴9 天前
Horse3D 游戏引擎研发笔记(六):IBalikun——组件编辑器接口与宿主关联
开源·计算机图形学
郝学胜-神的一滴12 天前
[简化版 GAMES 104] 现代游戏引擎 05:游戏引擎世界构建核心机制深度解析
c++·程序人生·unity·游戏引擎·计算机图形学·opengl
郝学胜_神的一滴16 天前
Horse3D 游戏引擎研发笔记(五):Ferghana 编辑器——从场景 JSON 到可交互视口
计算机图形学·opengl
vivo互联网技术19 天前
扩散模型自引导新范式 SSG:直接交换Token就能变强! | CVPR 2026 Oral
图像识别·计算机图形学
小孔龙19 天前
Android 图形系统全景
android·计算机图形学
shawn03261 个月前
《疯狂动物城 2》背后的 Hybrid BVH:迪士尼如何让复杂场景跑进交互式 GPU 光追
前端·计算机图形学
北域码匠1 个月前
【超详细】贝塞尔曲线算法完全解析(纯C#原生实现、无第三方库、原理+代码+性能全剖析)
计算机图形学·贝塞尔曲线·c# 图形算法·德卡斯特里奥算法·纯 c# 无第三方库·动画轨迹算法·矢量绘图底层原理
郝学胜_神的一滴1 个月前
中级OpenGL教程 024:Assimp模型加载之Mesh解码玄功
计算机图形学·opengl
点PY1 个月前
Automatic Patient Table Removal in CT Images论文精读
计算机图形学