jjzjj

ShaderGraph

全部标签

Unity urp2d ShaderGraph 实现一个黑白转彩色的场景渐变效果 设计思路

设计背景:        2022网易MG比赛,策划案里关卡背景是一个信中被损坏的场景,主角要去修复这个场景的故事。然后原本的场景呈现黑白色的效果,但主角旁边画面是彩色的,关卡结局还要有镜头拉远,然后整个画面以主角为中心扩散恢复颜色的视觉效果。效果展示:        项目是URP管线,场景为2DSpriteRenderer,使用了shaderGraph,摄像机纹理实现了效果原场景: 只有一块区域是彩色效果其他黑白: 游戏实机展示:设计思路:         一开始刚拿到这个设计的时候,首先研究如何将画面变灰,很简单啊直接将unity自带的后处理加上colorAdjustments,然后sat

Unity ShaderGraph教程——进阶shader(水面、积雪,数字线框)

1.水面(一)公式:场景深度节点深度—屏幕空间位置的W向量=半透明物体与不透明物体的相交边缘原理:场景深度节点深度包含透明像素,屏幕空间w向量不包含透明像素。注意:需要在UniversalRP-xxxQualityinspector面板将Depthtexture选项打开,才能读取深度值。(1)片元着色器部分:(2)顶点着色器部分 效果:2.水面(二) 实现效果:水面光滑程度、水下物体以及阴影扭曲效果(1)光滑程度简单的通过一个float参数控制光滑程度 (2)扭曲效果        将屏幕上颜色和水面颜色混合,使场景中已经被渲染的不透明物体屏幕坐标产生一定的扭曲,跟当前颜色合成后模拟折射效果。

Unity中Shader URP最简Shader框架(ShaderGraph 转 URP Shader)

文章目录前言一、我们先了解一下ShaderGraph怎么操作1、了解一下ShaderGraph的面板信息2、修改Shader路径3、鼠标中键或Alt+鼠标左键移动画布4、鼠标右键打开创建节点菜单5、把ShaderGraph节点转化为Shader代码6、可以看出URP和BuildInRP大体框架一致二、把ShaderGraph转化后的Shader只保留最基础的通用前向渲染Pass1、我们看一下URPPass不可用后使用的默认Shader前言在之前的文章中,我们学习了ShaderLab中BuildInRenderPipeline下的Shader书写。在这篇文章中,我们来了解一下URP下的最简Sha

[Unity] ShaderGraph实现完美倒影 or 平面镜反射效果

前言        最开始想用镜子原理实现下图效果,不过显然没有如愿[Unity]ShaderGraph实现完美倒影or平面镜反射效果-CSDN博客。不过稍微转变一下思路,在镜子的基础上,翻转相机镜头,就可以实现如下效果。使用版本为:2021.3.6f1 [原始效果][投影效果]更详细的实现逻辑及步骤参考​CODE'nRandom​的视频:HowtomakeaPlanarReflectioninUnityURP-SourceCodeAvailable-YouTube目录前言一、赋值贴图二、Camera与Texture 三、VirtualCamera控制一、赋值贴图         新建一个无光

unity shaderGraph实例-武器特效(纹理遮罩,纹理动画,纹理变形)

文章目录效果展示所需素材整体结构各区域内容区域1区域2区域3区域4区域4-1区域4-2区域4-3区域4-4区域5区域6后处理工程下载效果展示所需素材除了剑的模型外,主要是这五张贴图,其中swordmask和swordmask1中白色的区域是剑身的位置,swordmask1只有剑身的一部分整体结构分支比较多,需要细说各区域内容区域1提供一个基础纹理,直接连接到片元节点的BaseColor上区域2为剑身提供一个特效图片,并和遮罩纹理相乘来达到遮罩效果,如果此时直接输出到Emission节点,则看起来是这样的区域3区域3中上下两个组中的内容是一样的,只挑上边的说图片可以双击放大从前往后顺着说先给一个

[Unity] ShaderGraph实现伪室内效果,性能大解放

使用版本为:2023.1.19f1 更详细的实现逻辑及步骤参考MertKirimgeri的视频:UNITYSHADERGRAPHwithFakeInteriorsShader(youtube.com)OS:这简直是个降低性能的天才技术!!!目录一、构建虚拟立方体 二、切线空间与视角射线 三、赋予贴图四、天空盒环境反射五、两侧空间与插值混合七、最终效果 八、文件下载一、构建虚拟立方体    首先新增一个Vector2(Tiling)用来定义房间的数量,并与UV连接于TilingAndOffset。如下图所示,X为横向房间数,Y为纵向房间数。此为Tiling最终效果演示        PS:如果是

[Unity] ShaderGraph实现Sprite图片描边/发光效果

使用版本为:2022.3.10f1 [原始图]   [运行前]   [运行后]更详细的实现逻辑及步骤参考CodeMonkey的视频:https://youtu.be/FvQFhkS90nI?si=zy6XRlqGnzIdQkqDOS:猴子老师,我永远的神!!!目录一、准备工作二、偏移效果与颜色叠加三、单侧描边与原理四、另一侧与Sub管理五、最终效果六、文件下载下面进入正题一、准备工作    新建SpriteLitShaderGraph,并给Fragment加一个Built-In。 二、偏移效果与颜色叠加        这个效果的核心实现原理,是利用贴图的偏移进行叠加。如下图所示,改变Tilin

unity shaderGraph实例-扫描效果

文章目录效果展示整体结构各区域内容区域1区域2区域3区域4区域5区域6GraphSetttings注意事项使用方法效果展示整体结构各区域内容区域1用场景深度减去顶点的View空间的视野深度(Z值),这里Z值需要乘-1是因为从相机看到的物体顶点的视野深度为-1,而场景深度是正值,所以需要乘-1让两者都为正。这一步的意义是,用场景中的深度减去sphere的视野深度,当sphere与场景的物体接近时,这个差将会非常接近0,如下图View空间类似于屏幕坐标,在屏幕正中心永远是(0,0,0),向左为X正,向上为Y正,向摄像机镜头内部为Z正。区域2可以用来扩展或缩小范围区域3将值钳制在0-1,并四舍五入,

unity shaderGraph实例-可交互瀑布

不要问我水在哪里,你自己相像这是一个瀑布,瀑布的效果我还不会做效果展示整体结构各区域内容区域1计算球到瀑布的距离,然后减去一个值,实现黑色区域缩放的效果,如果直接输出这一步的结果到Emission,看起来是这样的越靠近球的位置,距离越为零,这里已经调整过Radius的值了。区域2这一步也是要计算球到瀑布的距离,但是忽略Y轴上的距离,然后和上一步一样同样减去一个值,来扩大或缩小范围。如果将这一步的结果直接连到Emission上,看起来是这样的:区域3最后单独比较一下球的高度和瀑布上图元的高度,如果差大于0说明这个图元在球的下面,此时输出1,否则输出0区域4然后我将区域1和区域2中的内容,根据区域

【unity】ShaderGraph实现等高线和高程渐变设色

【unity】ShaderGraph实现等高线和高程渐变设色ShaderGraph案例下载地址等高线的实现思路方法一:通过Position节点得到顶点的高度(y)值,将高度值除去等高距离取余,设定余数的输出边界(step)方法二:将y值减去y值的取整,差值和差值取反相乘,设定输出边界(step)高程渐变设色的实现思路简单赋值方法使用Gradient(渐变节点),直接用y值赋值这种方法虽然方便,但是Gradient节点无法开放,颜色不能动态差值渐变赋值方法以三色为例,使用的核心节点是Lerp,将地形的高度映射到0-1,映射后的值,成为渐变的的差值最后的叠加整体布局