新 Shader Graph 功能示例

新的一组 Shader Graph 样例已发布，可以在 2022 LTS 版本中导入，在2022 LTS 及以上版本中使用。

这组样例的目的是提供如何使用 Shader Graph 实现各种特效和技术的示例。通常，如果想为 Shader（着色器）添加某种效果，可以在网上找到数学公式或代码，但这些对有些人来说可能不太容易理解。我们希望让你更容易实现想要达到的效果。

这个样例集中包含30+个不同功能的示例，如视差贴图（Parallax Mapping）、内部立方体贴图（Interior Cube Mapping）、角度混合（Angle Blending）、流动贴图（Flow Mapping）和自定义光照（Custom Lighting）。

这些示例虽然不是完整的 Shader 解决方案，但展示了如何创建特定特效，并且大多数都封装在子图（Subgraph）中，便于拖放到你自己的 Shader 中。

样例列表

混合遮罩（Blending Masks）：这组混合遮罩子图包括海拔混合、角度混合、摄像机距离混合和高度混合。

混合遮罩（Blend Masks）样例类别

条件分支（Conditional Branching）：包括两个示例，演示了如何根据所用的渲染管线（如 URP 或 HDRP）及选择的质量等级，在 Shader 中实现条件分支。

条件分支（Conditional Branching）样例类别

自定义插值功能（Custom Interpolator）：该样例展示了如何通过将运算移至顶点阶段来提高性能，并演示了一些在顶点级计算时效果不佳的特效。

自定义插值功能（Custom Interpolator）样例类别

自定义光照（Custom Lighting）：很多用户希望在 Shader Graph 中自定义光照的工作方式，以减少渲染成本或实现独特的艺术风格。这些样例展示了如何实现这些目标，包括 PBR 光照、简单光照和卡通渲染（cel shader）的示例。

自定义光照（Custom Lighting）样例类别

细节贴图（Detail Mapping）：该样例集包括三种不同的技术，用于使用细节贴图为材质增加更多细节：颜色细节、法线细节和完整材质细节。

细节贴图（Detail Mapping）样例类别

程序化噪声与形状（Procedural Noise and Shapes）：通常情况下，通过程序化生成图案 比使用纹理贴图更为经济高效。 这个类别包含了如何程序化生成砖块图案的示例，生成六边形网格的子图，以及一组有符号距离场（Signed Distance Field）形状的示例。

程序化噪声与形状（Procedural Noise and Shapes）样例类别

Shader Graph 功能示例：Shader Graph 具有一些可能难以掌握的功能，例如子图下拉菜单和基于输入连接的分支。本部分包含了如何利用这些功能提升子图实用性的示例。

Shader Graph 功能示例样例类别

UV 投影（UV Projection）：许多功能都基于 UV 坐标的操作，包括翻页动画混合（Flipbook Blending）、流动贴图（Flow Mapping）、内部立方体贴图（Interior Cube Mapping）、经纬度投影（Latitude Longitude Projection）、材质捕捉（Matcap）或球体投影（Sphere Projection）、视差贴图（Parallax Mapping）和三平面投影（Triplanar Projection）。

UV 投影（UV Projection）样例类别

顶点动画（Vertex Animation）：大多数人在想到 Shader Graph 时会想到像素着色器（Pixel Shader），但 Shader Graph 也可以使用顶点阶段来对顶点进行动画处理。这些示例包括摇曳的旗帜、弯曲变形器、面向摄像机的广告牌效果、Gerstner 波以及完全在 Shader Graph 中构建的全功能粒子系统。

顶点动画（Vertex Animation）样例类别

如何安装样例资产

使用Package Manager安装新的样例资产。

1、在编辑器（Editor）中，打开 Package Manager。

2、在 Package Manager 窗口中，选择Shader Graph 包。

3、选择样例（Samples）标签页。

Package Manager 中 Shader Graph 包的详细信息，显示了导入“功能示例（Feature Examples）”包的按钮

4、最后，点击功能示例（Feature Examples）选项旁的导入（Import）按钮将新样例集导入项目。

完成这些步骤后，功能示例（Feature Examples）资产将会出现在你的项目中，路径为Assets/Samples/Shader Graph/ <你的版本> /Feature Examples。

导入后，首先打开样例里Scenes文件夹中对应于你所使用的渲染管线的场景，即高清渲染管线（HDRP）、通用渲染管线（URP）或内置渲染管线。

选择要在项目（Project）窗口中打开的正确的场景

打开场景后，在层级（Hierarchy）面板中选择Shader Graph Feature Samples Showcase 资产，然后在检视器（Inspector）中按照引导进行操作。

选择层级（Hierarchy）面板顶部的 Shader Graph Feature Sample Showcase 资产

你可以使用样例（Samples）下拉框选择一个示例并跳转到场景中的该位置。

这是一个非常丰富的样例集。希望你在探索它时感到有趣，并利用它加速你自己的着色器创建过程。

我们还将继续为 Shader Graph 添加更多示例，帮助你更快地学习 Shader Graph，了解如何设置特定功能，并通过预制的子图和模板更快地创建新Shader。

Unity 官方微信

第一时间了解Unity引擎动向，学习进阶开发技能

每一个“点赞”、“在看”，都是我们前进的动力