Unity2018 Shader Graph 实验室

最新推荐文章于 2024-06-20 15:40:20 发布
最新推荐文章于 2024-06-20 15:40:20 发布
阅读量325 收藏 2
点赞数
文章标签： 游戏
原文链接：http://www.cnblogs.com/Firepad-magic/p/9495900.html
版权

Unity2018 Shader Graph 实验室

Shader  Shader Graph  Unity 

Tips:
-- 在shader forge和amplyfy Shader节点图形化shader编程的诱惑下，unity官方终于在2018版本也推出了而自己shader节点可视化编程工具Shaderr Graph。本篇文章是对Shader Graph一些效果的尝试，建议学习shader的朋友也尝试下这些工具，对shader的理解会更加直观
-- 效果中自发光光晕是使用的PostProcess中bloom，须自行添加
-- 图看不清，右击在标签页中打开
-- 想要自发光更炫，Color属性节点开启HDR模式

目录

  1. bilibili小电视
  2. 光剑
  3. 火焰卡牌

1.Bilibili小电视（[]~(￣▽￣)~*）

效果

 

enter description here

BILIBILI

 

节点图

 

节点图

节点图

 

效果说明

该效果主要分为三个部分：

  1. 红色部分，通过一个纹理与一个颜色相乘来作为其基础效果。
  2. 紫色部分，边缘高光，通过一个菲涅尔节点和颜色相乘赋给自发光。
  3. 黄色部分，随时间的扭曲和剔除，通过Step阶梯点和Twirl扭曲节点实现，Noise节点辅助产生扭曲条纹状效果。

节点说明

名称说明
Fresnel菲涅尔反射，简单来说就是表面与视角越是平行，则高光效果越明显 （Unity就不能出个中文文档吗，哭enter description here）http://api.unrealengine.com/CHN/Engine/Rendering/Materials/HowTo/Fresnel/index.html
Step如果输入In大于等于输入Edge，返回1，否则返回0
Twirl将类似于黑洞的旋转扭曲效果应用于输入的UV。扭曲效果的中心参考点由输入参数Center决定，效果的整体强度由输入参数Strength决定。输入Offset可用于偏移结果的各个通道。
Position获取mesh的顶点或片段的位置。可选的空间有Object, View, World, Tangent。(我们使用该位置为世界坐标下的位置，作为Twirl的中心点位置)
Time可以获取Unity中的时间值。

2.光剑(愿原力与你同在QAQ)

效果

 

enter description here

sword

 

节点图

 

enter description here

enter description here

 

效果说明

该效果主要分为三个部分：

  1. 红色部分，通过Positon的object即模型坐标下的Y方向Step来获得溶解效果。
  2. 紫色部分，通过Noise，时间节点作用于UV与模型Position相加，给与模型沿着Y轴抖动的效果。
  3. 黄色部分，一个简单的自发光。

节点说明

名称说明
Position区别于上次，这次我们使用的Object坐标下，即模型空间下获取模型自身的顶点位置属性
Split分割，将一个多维向量分割成多个1维的数值。如果输入的向量小于4维，不够的维度会使用默认值分别是 (0, 0, 0, 1)。
Gradient Noise渐变噪点,基于输入的UV生成一个渐变噪点图（Perlin噪点）。Scale可以控制噪点图的大小。
Tiling And Offset平铺和偏移,这个功能我们会经常用到，一般只要有贴图的材质上都会有Tiling And Offset。将输入参数UV的值，通过Tiling和Offset改变平铺和偏移。

3.地狱之门(愿火焰进化一切)

效果

 


Fire

 

节点图

 

火焰

火焰

 

效果说明

UV偏移与发光不在赘述，该效果的要点是边缘部分的与原来颜色叠加，这样火焰enter description here的边缘亮度更高，下过更好。这里我们主要通过不同Step后的图作差值来获取边缘。
黄色：纹理取样
蓝色：遮罩
红色：UV偏移

节点说明

名称说明
One Minus1减去，因为纹理像素对应 0~1,所以可以使用该节点做取反操作
Add相加，这里我们通过相加来混合边缘颜色和原有颜色，也在cutoff剔除的时候加了些，防止将边缘部分剔除
Subtract相减，我们通过两个不同Step截取后的图相减，从而获得他们的插值部分，即人为获取一定边缘部分

4.火焰卡牌(快进来坐吧，酒馆里可热闹了)

效果

 

enter description here

MaskCard

 

节点图

 

节点图

节点图

 

效果说明

像卡牌中流动的效果和前面用到的一样，都是通过控制UV和噪声图来达到的。诸如流水，岩浆，魂魄，雾霭都可以通过这样的方式实现。这个效果比较简单，如果通过多层通道控制遮罩效果，每个遮罩下有不同的特效，我们就可以做出看起来炫酷的效果了。

节点说明

这个效果实现比较简单，需要说明的如若需要多个遮罩效果，可以放在一张图的不同通道下做遮罩。R,G,B,A四层可以做四个遮罩图，这样更能节省资源。然后通过Mask节点来提取不同的遮罩，在控制不同遮罩的效果，我们就能做出更加炫酷的特效。

5.序列帧动画(一切尽在卡牌中)

效果

 

序列图

AniNum

 

 

效果

AniFram

 

节点图

 

节点图

aniframe

 

效果说明

该效果主要实现了序列帧动画，想通过animatior的方式将分割好的序列帧图片播放一样。可以实现读数，火焰，翻页一些效果。

节点说明

名称说明
Ceilling返回大于或等于输入值的最小整数。（floor：返回小于或等于输入值的最小整数；round：返回最接近输入值的整数）
Flipbook将UV分割成若干份width列，height行，通过Tile作为索引来控制UV偏移，实现类似翻页等效果

6.血瓶(?喝完这杯，还有三杯(｡･∀･)ﾉﾞ嗨)

效果

 

enter description here

bloodpot

 

节点图

 

enter description here

bloodpot

 

 

enter description here

b01

 

 

enter description here

b02

 

效果说明

该效果模拟血瓶的样式，主要分为玻璃瓶和瓶内液体两个部分。瓶内液体分别使用泰森多边形Voronoi节点和simplenoise节点制作出上方的波浪和下方粘稠液体的效果。玻璃瓶则是使用Elipse节点和distance节点绘制出环形的效果实现，其中的高亮⚪点也是通过Elipse缩放偏移后达到的。

节点说明

程序化图像节点可参考： 程序化节点

名称说明
Voronoi维诺图，分型细胞细胞一样的效果，可以模拟波浪，晶体块等效果。（参考）
Elipse圆形，可设置UV方向径向宽度做出椭圆等
Distance距离，热度图等效果中可以用到
Remap将输入值映射到另一范围（该效果中通过重新映射distance模拟出了瓶体渐变效果）
SimpleNoise简单噪声图
Spherize球面UV(尽管使用该材质的网格是片，通过球面UV还是模拟出了液体在球体玻璃中扭曲的效果)

转载于:https://www.cnblogs.com/Firepad-magic/p/9495900.html

dongfei8709
关注
Unity各类资源链接汇总集合
mayzhengxi的博客
05-30 1293
链接: https://pan.baidu.com/s/1M8nrhg6xXsdoJs4BxKfHXw?pwd=jzub 提取码: jzub。链接: https://pan.baidu.com/s/1QNhWr1cR0Z2CEaZpmGZGYg?pwd=s884 提取码: s884。链接: https://pan.baidu.com/s/1PCftYUNjheHtRgLqOz4Gxw?链接: https://pan.baidu.com/s/1HxD8ufFCI80pGzRGlirbRg?
【Unity】Shader Graph 入门
Miss_ReRia
12-25 862
感谢 导入 在Package Manager中搜索Shader Graph，并且导入 使用 在Assert文件夹中右键Create -> Render Texture，命名为Water Render 在Inspector窗口中设置size大小 在Hierarchy窗口中右键新建一个Camera 注意这个新的Camera需要和Main Camera有相同的设置，且移除新Camera的Audio Listener 在新Camera的Inspector窗口中的Output选项中的
Unity ShaderGraph
绀目澄清
12-22 308
怎样使用Unity ShaderGraph 这边给大家总结一下，这边想要使用Unity ShaderGraph需要 Unity 2018.1以上的版本。 1菜单栏 window->pacakgemanager->all下面下载Lightweight Render以及ShaderGraph两个包。 然后在文件夹界面右键create-Rendering下创建一个LightWeight...
Unity 之 ShaderGraph Artistic节点解析汇总_shadergraph 过滤颜色
最新发布
2401_84301352的博客
06-20 997
若你的工程还没有进行基础配置，请查看我的博文，按照步骤操作完成配置即可，还能顺便学习一下基础操作流程哦~
unity shader可视化工具——Shader Graph
Poggio742的博客
02-13 1万+
Shader Graph是可以实时通过可视化界面的节点连接来实现着色器的创建及编辑的可编程式渲染管线工具。
unity-shader-ShaderGraph可视化shader
热门推荐
.
05-05 2万+
title: unity-shader-ShaderGraph可视化shader categories: Unity3d tags: [unity, shader, ShaderGraph, 可视化] date: 2019-05-03 18:04:23 comments: false unity-shader-ShaderGraph可视化shader, 和 shader forge 插件, u...
Unity2018 Shader Graph
红叶
04-23 459
链接：https://www.cnblogs.com/Firepad-magic/p/9495900.html
边缘发光材质unity_Unity Shader Graph 小功能实现（一）边缘发光
weixin_39940913的博客
12-21 805
在Unity 2018.2 版本正式启用了高清渲染管线，shader可视化编程。现在我们就尝尝鲜，来实现了个物体边缘发光的shader效果。准备点击Windos->Package Manger 打开包管理器：依次安装如下渲染器：场景布置创建场景设置创建一个圆柱体和材质球，并将材质球给与圆柱体创建一个Shader Graph(PBR)打开shader利用可视化蓝图 编写发光Shader为材质球...
Unity 2019.1版功能介绍
weixin_44937919的博客
10-12 3502
Unity 2019.1正式版功能 重要改进和新功能 1.HDRP；高清渲染管线（High Definition Render Pipeline）预览版 HDRP是预制的高保真度可编程渲染管线，旨在面向兼容计算着色器的现代平台。提供了用于创作各种高分辨率内容的工具，游戏和演示项目。 HDRP支持PC平台的DX11和DX12、Mac平台的Metal、PC和Linux平台的Vulkan、Xbox On...
Unity3d 周分享（16期 2019.5.1 ）
游戏路上的小学生
05-01 4630
选自过去1~2周 自己所看到外文内容：https://twitter.com/unity3d 和各种其他博客来源吧 1）、 英国游戏工作室inkle是用于游戏开发的开源发布脚本语言“ink”， 可以在 Unity中工作。 https://www.inklestudios.com/ink/ https://assetstore.unity.com/packages/too...
Unity3d 周分享（11期 2019.2.16）
游戏路上的小学生
02-16 2007
选自过去1~2周 自己所看到外文内容： https://twitter.com/unity3d   和各种其他博客来源吧     1)、  [Unity]编辑器扩展，使Unity编辑器无法退出 using UnityEditor; [InitializeOnLoad] public static class Example {     static Example()     {      ...
unity-shadergraph-sandbox：：pencil2：Unity的ShaderGraph示例集合
02-06
ShaderGraph示例和演示 新的着色器示例的完整集合。 Unity制作的基于节点的着色器创建工具 克隆 该存储库包含用于外部依赖项的子模块，因此在执行新克隆时，需要递归克隆： git clone --recursive https://github.com/andydbc/unity-shadergraph-sandbox.git 现有存储库可以手动更新： git submodule init git submodule update 例子 溶解 火 全息图 像素化 香椿 简单标志 要求 需要或更高版本。 执照 根据。
噪声节点：向Unity Shader Graph添加各种噪声生成节点，包括3D噪声节点
02-06
噪声节点：向Unity Shader Graph添加各种噪声生成节点，包括3D噪声节点
Unity Shader 之遮挡透明
04-05
Unity Shader 之遮挡透明
Unity Shader实现纹理遮罩效果
08-19
主要为大家详细介绍了Unity Shader实现纹理遮罩效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Unity着色器可视化编辑器——Shader Graph
#的博客
03-19 1万+
Unity着色器可视化编辑器——Shader Graph 前言 学习一下Unity的Shader可视化编辑工具——Shader Graph。 Shader Graph 出现 在Unity 2018.1版本以后，Unity官方推出了一个可视化的Shader编辑工具——Shader Graph Shader Graph可以在一个可视化的面板中完成shader功能的实现，一句代码都不需要写，大大降低了shader的开发难度。 建立项目以及安装shader...
Unity shader graph 简单描边 法线外扩
lvcoc的博客
11-03 7207
Unity 使用Shader Graph实现物体的溶解效果
xinzhilinger的博客
07-27 5679
前言 啊咧咧，从大学毕业开始，有一段时间没有更新过博客了，很怀念当初边学习边写博客的时光。今天打开博客网站看着各位大神通过文字来分享自己的技术心得，也手痒了，决定也来一篇！ 说完上面的话，感觉自己像是大佬一样。嘿嘿，然而本篇文章还是一个小白文，就是Shader Graph的入门知识，一个简单的物体溶解效果，意在帮助新手了解Shader Graph这个工具。效果如下图，如果你感兴趣，可以看看后面的实现方式，然后来试试吧！ 注：本项目Unity版本为2021.1.12f1c1 正文 1，配置环境 为了使用Sh
Unity之ShaderGraph入门
TxNet
04-19 1808
随着Unity版本的不断升级，URP（可编程渲染管线）也越来越普及了。不管是从效果还是性能，都是吊打老版的build-in-shader。所以无论如何我们都要开始 拥抱URP，升级Unity的时候到了。好了，这篇文章就到这里,
Unity的ShaderGraph窗口
05-30
Shader Graph 窗口是 Unity 中用于创建和编辑 Shader 的可视化工具。Shader Graph 是一种基于节点的编辑器，可以让您通过连接节点来创建和编辑 Shader。在 Shader Graph 窗口中，您可以创建各种 Shader 效果，例如表面着色、透明度、反射、阴影等等。Shader Graph 提供了各种节点，例如纹理采样器、数学运算符、颜色节点、UV 节点等，可以让您轻松创建复杂的 Shader 效果。您还可以将 Shader Graph 创建的 Shader 与 Unity 的材质系统一起使用，以便将其应用于游戏对象的表面。此外，Shader Graph 还支持高级功能，例如 Sub Graph、Custom Node 和 Property 等，可以帮助您更好地管理和控制 Shader。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值