Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Unity Shader Graph 制作车流效果(UV滚动)

Unity Shader Graph 制作车流效果(UV滚动)

作者头像
CoderZ
发布于 2022-08-29 08:09:51
发布于 2022-08-29 08:09:51
1.4K0
举报

国际惯例先看效果(GIF动图可能看起来不太流畅):

模型用到的是一个简单的管线:

用到的贴图:

首先创建一个新的PBR Graph,在Blackboard面板处创建以下属性:

Speed(Vector1 类型):用于控制UV滚动的速度

Texture Tiling(Vector2 类型):用于控制Tiling属性

Main Texture(Texture2D 类型):用于滚动的贴图

Main Color(HDR类型Color):用于控制颜色

Direction(Vector2 类型):用于控制滚动方向

让UV动起来首先需要Time时间节点,为了使用创建的Speed属性来控制滚动速度,使用Multiply节点将两者相乘

创建Tiling And Offset节点,将其Tiling属性与我们创建的Texture Tiling属性相连,为了使用创建的Direction属性控制滚动方向,将Speed与Time相乘后的输出与Direction相乘,连接至Tiling And Offset中的Offset节点。

创建Sample Texture 2D节点,Texture与Main Texture属性相连,则与Tiling And Offset的输出相连

Main Color属性与Sample Texture 2D的RGBA输出节点相乘连接至PBR Master中的Albedo节点,将Main Color中的Alpha值与Sample Texture 2D中的Alpha值相乘连接至PBR Master中的Alpha节点,最终完成。

通过该Graph创建Material材质,在Inspector面板更改以上属性来调整想要的效果。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2021-12-06,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 当代野生程序猿 微信公众号,前往查看

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

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

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Unity Shader Graph 制作扫光效果
1. Lerp 插值函数节点,可以理解为数学函数类Mathf中的Lerp函数,Lerp(a, b ,t),例如a = 0, b = 10, t = 0.3,函数返回结果则为3
CoderZ
2022/08/29
2.5K1
Unity Shader Graph 制作扫光效果
Unity Shader Graph 制作Hologram全息效果
Edge Emission Color(HDR 类型Color):用于调整边缘发光颜色
CoderZ
2022/08/29
8620
Unity Shader Graph 制作Hologram全息效果
小功能⭐️Unity2018 Shader Graph——全息影像、物体消融
Vertex Shader(顶点着色器):位置、法线、UV。将CPU传来的以上信息转换正确映射到屏幕坐标里面
星河造梦坊官方
2024/08/16
1620
小功能⭐️Unity2018 Shader Graph——全息影像、物体消融
Unity Shader Graph 故障艺术
故障效果越来越多的被应用于游戏开发,将事物发生故障的现象进行加工,形成了一种新的风格。本文实现了一个手电筒的故障效果,效果图如下,模型用的是Asset Store资源商店里的免费资源SciFi HandLight Free:
CoderZ
2022/08/29
5410
Unity Shader Graph 故障艺术
Unity Shader Graph 制作Grid网格效果
大概含义指根据输入的UV生成一个矩形形状,大小由输入的宽度和高度指定,生成的形状可以通过连接一个Tiling And Offset节点进行偏移和平铺。实现重复矩形的效果需要通过Fraction节点连接输入。
CoderZ
2022/08/29
1.2K0
Unity Shader Graph 制作Grid网格效果
Unity Shader Graph - Colored Ghost
创建Position节点,获取模型的顶点位置,Space空间使用默认World模式,输出至新建Tiling And Offset节点中的UV属性:
CoderZ
2022/08/29
1K0
Unity Shader Graph - Colored Ghost
Unity Shader Graph 制作Rim Light边缘光效果
通过法线方向和视线方向的夹角来判断点是否处于边缘,从而给其增加边缘光,视线方向和法线方向垂直时,则该点在当前视角来看处于边缘。夹角的判断需要通过向量dot点积,点积结果为0时,法线方向与视线方向垂直,则该点处于边缘,给其增加边缘光。
CoderZ
2022/08/29
1.1K0
Unity Shader Graph 制作Rim Light边缘光效果
Unity Shader Graph 制作 Fade 淡入淡出效果
当相机与物体的距离越来越近,达到指定值时,我们让物体逐渐淡出,当相机与物体拉开距离后,再让其淡入,来处理当相机靠近物体时的穿模情况,效果图:
CoderZ
2022/08/29
1.5K0
Unity Shader Graph 制作 Fade 淡入淡出效果
Unity 之 ShaderGraph 实现火焰效果入门级教程
一,效果展示 老规矩,直接上效果图: 没学习Shader Graph之前:我靠😱 !这效果有点牛啊,那个大佬写的? 学习了Shader Graph之后:我去😒 !就这?岂不是有手就行? ---- 二,原理介绍 通过Tiling And Offset节点分别对Voronoi泰森多边形节点和Gradient Noise渐变噪声节点进行偏移移动,然后通过颜色,贴图各种叠加和透明度设置,从而到达模拟火苗的动态效果。 ---- 三,实现效果 准备工作 在Project面板右键 --> Create -->
玖柒的小窝
2021/09/18
9910
Unity 之 ShaderGraph 实现火焰效果入门级教程
Unity Shader Graph制作溶解效果
模型使用了Asset Store资源商店里下载的模型Robot Kyle,创建一个新的PBR Graph,命名为dissolve,双击进入shader graph编辑器,修改Main Preview预览窗口,使用Custom Mesh预览,选择Robot模型:
CoderZ
2022/08/29
9400
Unity Shader Graph制作溶解效果
Unity Shader Graph 制作Emission发光效果
Graph中用到了一个重要的节点,Fresnel Effect菲涅尔效果,在画面渲染中菲涅尔效果是一种很实用的技术手段,在Unity中则经常用它来实现边缘照明。
CoderZ
2022/08/29
2.3K0
Unity Shader Graph 制作Emission发光效果
Unity 之 ShaderGraph 实现全息效果入门级教程
【摘要】 入门级制作教程,有手就行。点点拖拖拽拽就能实现效果,一句代码都不写。制作一次,无限复用。
玖柒的小窝
2021/09/17
1.6K0
Unity 之 ShaderGraph 实现全息效果入门级教程
Unity 之 ShaderGraph 实现自发光和能量护盾效果入门级教程
这个动图看起来怪怪的,为展示实际效果,再补发一张,动图中间部分是录屏的原因,不会影响最终制作效果:
玖柒的小窝
2021/09/18
2.1K0
Unity 之 ShaderGraph 实现自发光和能量护盾效果入门级教程
《Unity Shader入门精要》笔记:初级篇(3)
本篇博客主要为个人学习所编写读书笔记,不用于任何商业用途,以及不允许任何人以任何形式进行转载。 本篇博客会补充一些扩展内容(例如其他博客链接)。 本篇博客还会提供一些边读边做的效果截图。文章内所有数学公式都由Latex在线编辑器生成。 本篇博客主要提供一个“glance”,知识点的总结。如有需要请到书店购买正版。 博客提及所有官方文档基于2022.2版本,博客会更新一些书中的旧的知识点到2022.2版本。 如有不对之处欢迎指正。 我创建了一个游戏制作交流群:637959304 进群密码:(CSGO的拆包密
[Sugar]
2022/09/21
7100
Unity 之 ShaderGraph 实现旋涡[传送门]效果入门级教程
一,最终效果展示 老规矩,直接上效果图: 没学习Shader Graph 之前:我靠😱 !这效果有点牛啊,那个大佬写的? 学习了Shader Graph 之后:我去😒 !就这?岂不是有手就行? ---- 二,创建PBRGraph 在Project面板右键 --> Create --> Shader --> PBRGraph: 重命名:RPAShaderGraph(随意) 双击RPAShaderGraph打开编辑界面 ---- 三,实现原理介绍 通过Twirl 旋转节点对Gradien
玖柒的小窝
2021/09/17
1.3K0
Unity 之 ShaderGraph 实现旋涡[传送门]效果入门级教程
Unity高级开发-Shader开发(3)-Shader编程
着色器:本身就是一段代码,专业性非常强的代码。就是指着色器有哪些输入。这些子着色器由运行的平台选择。它包含:1.属性定义、2.多个或者至少一个子着色器、3.还有一个处理后的结果即回滚。而回滚就是计算着色时,用来处理所有的子着色器不能运行的情况。
孙寅
2020/06/02
2K0
Unity高级开发-Shader开发(3)-Shader编程
【Unity ShaderGraph】| Shader Graph入门介绍 | 简介 | 配置环境 | 窗口介绍 | 简单案例
在开始学习Shader Graph之前,要先了解一下什么是 渲染管线(Render Pipline)。
呆呆敲代码的小Y
2023/09/26
3.2K0
【Unity ShaderGraph】| Shader Graph入门介绍 | 简介 | 配置环境 | 窗口介绍 | 简单案例
【前端er入门Shader系列】05—在cocos中使用shader实现简单特效
前面在浏览器环境中基于 WebGL 的 GLSL 代码编写顶点(Vertex)和片元(Fragment)的 Shader 程序,在游戏引擎中,为了适配工业化制作流,提升着色器片段的易用性,往往会有一些额外的处理,本章将介绍在 cocos creator 中编写 Shader 程序,可以参考官方文档 https://docs.cocos.com/creator/3.8/manual/zh/shader/
CS逍遥剑仙
2025/02/04
7390
Unity 之 ShaderGraph 实现小旗随风飘扬效果入门级教程
一,效果展示 老规矩,直接上效果图: 没学习Shader Graph之前:我靠😱 !这效果有点牛啊,那个大佬写的? 学习了Shader Graph之后:我去😒 !就这?岂不是有手就行? ---- 二,原理介绍 通过Posinton节点使Y轴前后移动,注意需要节点上的的Space调整为Object: 然后通过Sine节点,其前后移动变成波浪形成,进而模拟随风飘的效果: 最后通过拆分UV节点,使得小旗的左边不动,达到绑定在旗杆上的效果: ---- 三,制作步骤 准备工作 在Project面
玖柒的小窝
2021/09/20
9970
Unity 之 ShaderGraph 实现小旗随风飘扬效果入门级教程
Unity Shader 一 激光特效Shader[通俗易懂]
学习Shader已经有几个月的时间了,Shader作为一门GPU编程语言来说确实比较的难学。主要原因经过我的思考还是本人自己的计算机图形学和美术基础不扎实。好无奈,作为一个之前单纯手写代码的程序员真的是感觉好蛋疼。
全栈程序员站长
2022/07/27
1.7K0
Unity Shader 一 激光特效Shader[通俗易懂]
推荐阅读
相关推荐
Unity Shader Graph 制作扫光效果
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档