Shader Graph制作UI效果

最新推荐文章于 2024-07-01 16:42:44 发布
最新推荐文章于 2024-07-01 16:42:44 发布
阅读量3.8k 收藏 1
点赞数
分类专栏： 游戏引擎 unity3d 文章标签： unity 游戏引擎 json
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wuyt2008/article/details/123355384
版权

用Shader Graph制作了3个常用UI到效果，比用脚本或者动画实现UI效果的移动，旋转和缩放跟方便，使用到的游戏对象也少。

在这里插入图片描述

这里的思路是将不同的形状放到PNG图片的不同颜色通道，再通过Shader和背景颜色合并到一起。
在这里插入图片描述

思路很简单，引入图片，然后分别进行旋转，缩放和移动，然后提取对应通道的内容，最后再合并到一起。
在这里插入图片描述

用到的节点不多，比想象中简单。

总体说明的视频：

ShaderGraph做UI效果总结

制作过程的视频：

Shader Graph做的3个UI效果

生活在他方
关注
专栏目录
Unity之ShaderGraph如何实现靠近显示溶解效果
TxNet
10-21 1162
今天我们来实现一个我再B站看到的一个使用LeapMotion实现的用手部触摸就可以显示的溶解效果。
Unity之ShaderGraph如何实现水波纹效果
TxNet
10-25 815
今天我们来实现一个水波纹的效果。 1.通过Time+Sine获得一个波纹状的UV动图 2.通过UV+Length节点获得一个中间高亮，边缘透明的UV，然偶和图一叠加，得到一个中间向边缘蔓延的波纹UV 3.设置UV和MainTex即可得到我们想要的水波纹效果
3.2ui功能讲解之graph页面
最新发布
福大大架构师每日一题
07-01 273
graph页面target页面flags页面status页面tsdb-status页面graph页面target页面flags页面status页面tsdb-status页面。
ShaderGraph实战之全息效果Shader
06-25
全息效果是通过贴图的Offset随时间滚动产生，ShaderGraph实战之全息效果
Unity Shader Graph：为UI组件编写自定义shader graph
vrmogui的博客
12-30 2530
使用voronoi做动态背景 Unity shader graph：为UI组件编写自定义shader graph 点击UI按钮，触发水波涟漪效果（使用脚本操作UI） 水面波光效果 1. 使用voronoi做动态背景 如何把彩色渐变映射给灰度图？ 答：直接把灰度图连给彩色渐变的UV输入即可 为什么像素图可以充当彩色渐变？ 答：像素图经过图像插值(image interpolation)，在Unity里自动呈现渐变效果。 没有Photoshop的话，强烈推荐一个在线绘制像素图的网站：http
记录飘动的旗子(UI)ShaderGraph制作
qq_28899019的博客
06-04 265
【Shader Graph】流光效果（模型流光）
PangNanGua的专栏
09-29 5646
ShaderGraph的入门知识和基本操作可以参考：【Shader Graph】Shader Graph入门 流光效果的实现原理和shader代码可以参考：【Unity3d Shader】流光效果（模型流光） ShaderGraph实现的效果图如下： ShaderGraph如下（点击可看大图） ...
Unity Shader Graph 小功能实现（一）边缘发光
weixin_30898109的博客
07-29 2293
在Unity 2018.2 版本正式启用了高清渲染管线，shader可视化编程。 现在我们就尝尝鲜，来实现了个物体边缘发光的shader效果。 准备 点击Windos->Package Manger 打开包管理器： 依次安装如下渲染器： 场景布置 创建场景设置 创建一个圆柱体和材质球，并将材质球给与圆柱体 创建一个Shader Graph（PBR） 打开sh...
Unity之ShaderGraph入门简介与配置
TxNet
05-05 520
ShaderGraph是Unity的一个可视化着色器编辑工具，它允许开发者在不编写代码的情况下创建复杂的着色器效果。ShaderGraph提供了一个直观的图形界面，用户可以通过拖拽节点并连接它们来构建自定义的着色器。用户可以在ShaderGraph中使用各种节点，如数学运算、纹理采样、颜色混合、光照计算等，来创建所需的着色器效果。ShaderGraph支持实时预览功能，开发者可以在编辑器中实时查看着色器效果，从而加快着色器的调试和优化过程。
Unity之ShaderGraph如何实现边缘光效果
TxNet
10-18 938
游戏中最常用的一个效果就是边缘光了，既可以做物体的高亮效果，也可以给人物皮肤表面添加光泽。
Unity 使用Shader Graph实现物体的溶解效果
xinzhilinger的博客
07-27 5689
前言 啊咧咧，从大学毕业开始，有一段时间没有更新过博客了，很怀念当初边学习边写博客的时光。今天打开博客网站看着各位大神通过文字来分享自己的技术心得，也手痒了，决定也来一篇！ 说完上面的话，感觉自己像是大佬一样。嘿嘿，然而本篇文章还是一个小白文，就是Shader Graph的入门知识，一个简单的物体溶解效果，意在帮助新手了解Shader Graph这个工具。效果如下图，如果你感兴趣，可以看看后面的实现方式，然后来试试吧！ 注：本项目Unity版本为2021.1.12f1c1 正文 1，配置环境 为了使用Sh
UI流光效果-Shader实现
05-10
UI流光效果-Shader实现
UIshader特效，马赛克，光边，闪现，等等
07-31
UIshader特效，马赛克，光边，闪现，Effect-ColorSub，Effect-ColorAdd等等，
Shader Graph 闪闪的翡翠效果
lvcoc的博客
07-25 1078
首先需要两个自定义节点 1.三角形平铺定制节点 如果是老版本shader graph 直接创建脚本继承CodeFunctionNode using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEditor.ShaderGraph; using System.Reflection; [Title("Distance", "Triangle")] public cl...
ShaderGraph——边缘光效果
weixin_42935398的博客
05-19 1086
1、Fresnel节点混合颜色（相乘），赋给PBR节点的“自发光贴图”项，模型就会有自发光的效果（Fresnel节点Power项的值越大，边缘发光越明显）。2、模型如果还有自发光贴图，应与以上相乘结果相加，再赋给PBR节点的“自发光贴图”项。
Unity shader graph UI blur
lvcoc的博客
10-01 1391
void BluredColor_float(float4 Seed, float Min, float Max,float BlurX, float BlurY, out float4 Out) { float randomo = frac(sin(dot(Seed.xy,float2(12.9898,78.233)))*43758.5453); float noise = lerp(Min, Max, randomo); float uvx = float(sin(noise))*BlurX...
使用ShaderGraph 实现水面效果
m0_52021450的博客
02-19 1660
shader graph制作水面效果
Unity之ShaderGraph节点介绍 Artistic美术效果节点
TxNet
05-25 1032
Artistic（艺术效果）1、Adjustments（图像调节）1) Chennel Mixer（通道混合器）2) Contrast（对比度）3) Hue（色调偏移）4) Invert Colors（颜色反转）5) Replace Color（颜色替换）6) Saturation（饱和度）7) White Balance（白平衡）2、Blend（混合）1) Blend（混合）3、Filter（过滤）1) Dither（抖动）4、Mask（遮罩）
Shader Graph简单的消融效果实现
tj_010914的博客
12-14 663
使用 PBR Shader1实现 创建噪音纹理作为透明度赋值给物体，同时调用正弦或余弦时间函数作为透明度测试阈值 Save Asset后就可以看到简单的消融特效了。 添加边界消融特效 其原理大概如下 蓝色为已经消融的部分，绿色为物体颜色，红色为边界颜色此时消融情况为 蓝色为已消融部分，绿色为未消融部分，此时颜色纹理为 红色为边界颜色，绿色为物体颜色。而外圈部分已经经过透明度测试后被剔除。所以只会在边界显示红色。 之后添加Emission2节点来控制边界颜色的属性。 这样就实现了简单的消融效果
shader graph 实现hdrp ui材质
08-27
要在Shader Graph中实现HDRP（High Definition Render Pipeline）的UI材质，首先需要了解HDRP的特点和要求。HDRP是Unity的高清渲染管线，用于呈现高质量的图形效果。在UI材质中，我们希望能够使用HDRP的功能和效果来...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值