![Hero background image](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Ffuvbjjlp%2Fproduction%2Fbb6a3f4e543054923b14f4e5557bde80e0b2060c-1920x1000.jpg&w=3840&q=100)
Shader Graph:
使用基于节点的可视化创作工具构建美观、动态的着色器。
![ShaderGraph 的强大功能](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Ffuvbjjlp%2Fproduction%2F3265443f62db8f3f001826908f7069b6ead01d73-810x455.jpg&w=3840&q=75)
简化着色器创建
Shader Graph 让您可以直观地编写着色器并实时查看结果。这个基于节点的系统为艺术家和其他团队成员打开了空间——只需连接图形网络中的节点即可。
Shader Graph 解决方案
通过创建高质量的着色器来简化您的工作流程。直观地创建和连接节点,并即时预览您的工作以加快迭代速度。
![直观的着色器创建](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Ffuvbjjlp%2Fproduction%2F0c92e2a5ac27c17cfb6df09a3b7f9bfc0ef15197-900x500.jpg&w=3840&q=75)
直观的着色器创建
Shader Graph 可在 着色器创建过程的每一步实现快速迭代时间。几乎每个节点都有一个内置预览,使您能够看到逐步的输出。图形本身具有整体预览,因此您可以看到着色器的最终结果。如果您的着色器应用于场景中的模型,则着色器在保存时会立即更新,为您提供瞬间更新。所有繁琐的代码语法、编译和构建都被删除了,因此您和您的创意愿景之间没有任何障碍。
![根据你的愿景进行定制](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Ffuvbjjlp%2Fproduction%2Fadcf0eda3180c78fb1271463af1f75f55cda42cc-900x497.jpg&w=3840&q=75)
根据你的愿景进行定制
Shader Graph Asset 为不同的材质提供了预配置选项。Shader Graph 中的节点 表示有关应用材质的对象的数据,包括其数学函数、程序模式等。使用 自定义函数节点添加您自己的自定义函数,或将您的节点包装在子图中,以使用自定义计算扩展您的节点库。
![交互式着色器响应](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Ffuvbjjlp%2Fproduction%2F7550605bafbfe820d5f66296bf6b58a41934cda0-900x490.jpg&w=3840&q=75)
交互式着色器响应
Shader Graphs 可以直接从场景获取信息,让您可以创建响应用户操作的动画和交互式效果。自定义颜色的皮肤、涉水涟漪或微风中轻轻吹拂的树叶可以帮助您的项目栩栩如生,而Shader Graph可以帮助您实现这些效果。
![根据你的管道进行渲染](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Ffuvbjjlp%2Fproduction%2Fd093c37e2ede59fdb67096840759b9cffcc865d0-900x500.jpg&w=3840&q=75)
根据你的管道进行渲染
![精准创造](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Ffuvbjjlp%2Fproduction%2Fa5faa05229570d37719ed1cbc885650fc6a02056-900x498.jpg&w=3840&q=75)
精准创造
![UNITE](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Ffuvbjjlp%2Fproduction%2Fabd9d6a1b2f3914c1594aa589677b65e69855936-3840x2160.jpg&w=3840&q=75)