前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【Unity ShaderGraph】| 给模型添加一个 边缘光效果 实战

【Unity ShaderGraph】| 给模型添加一个 边缘光效果 实战

作者头像
呆呆敲代码的小Y
发布2023-10-19 18:27:49
4340
发布2023-10-19 18:27:49
举报
前言

【Unity ShaderGraph】| 边缘光效果实战

一、效果展示

请添加图片描述
请添加图片描述

二、简易边缘光效果

首先在Project下右键 Creat - > Shader Graph -> URP -> Lit Shader Graph创建一个Lit Shader Graph

在这里插入图片描述
在这里插入图片描述

双击打开该ShaderGraph,在ShaderGraph 面板中添加Fresnel EffectColorMultiply三个节点,然后对三个节点进行连接,如下所示:

在这里插入图片描述
在这里插入图片描述

此时通过控制Color的颜色值就可以控制不同颜色的自发光效果了,调整 Fresnel Effect的Power值可以调整自发光效果的强度。

效果如下所示:

请添加图片描述
请添加图片描述

此效果的核心节点为Fresnel Effect菲涅耳效应,根据观察角度产生不同反射率从而对表面效果产生影响,当靠近时,会反射更多的光。菲涅耳效应节点通过计算表面法线与视线方向的夹角来近似。这个角度越大,返回值越大。


三、进阶边缘光效果

通过上面的步骤可以非常简单的实现模型的边缘光效果,下面开始在自发光的基础上添加带方向的边缘光效果。

ShaderGraph面板如下所示:

在这里插入图片描述
在这里插入图片描述

添加一个Dot Product和Vector节点,调整Dot Product的参数可以调节边缘光的方向。

请添加图片描述
请添加图片描述

四、应用实例

创建完上述ShaderGraph之后在Project下创建一个材质球Material,然后将该ShaderGraph拖到该材质球上即可应用。

快捷方法是在Project下鼠标选中该ShaderGraph,然后右键Creat创建一个Material,这样我们创建出来的材质球,就自动使用这个Shader了。

然后将材质球拖到对象上就可以使用了。

请添加图片描述
请添加图片描述
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2023-10-12,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 【Unity ShaderGraph】| 边缘光效果实战
    • 一、效果展示
      • 二、简易边缘光效果
        • 三、进阶边缘光效果
          • 四、应用实例
          领券
          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档