【Unity100个实用小技巧】如何修改UI上材质的Shader

已于 2023-05-27 20:48:01 修改
阅读量1.7k 收藏 1
点赞数
分类专栏： Unity100个实用小技巧 文章标签： unity vr 游戏引擎
于 2023-05-27 20:47:18 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42555291/article/details/130905501
版权

  • ☀️博客主页：CSDN博客主页
  • 💨本文由 萌萌的小木屋 原创，首发于 CSDN💢
  • 🔥学习专栏推荐：面试汇总
  • ❗️游戏框架专栏推荐：游戏实用框架专栏
  • ⛅️点赞 👍 收藏 ⭐留言 📝，如有错误请指正

  • 📆 未来很长，值得我们全力奔赴更美好的生活✨

  • ------------------❤️分割线❤️-------------------------

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

​

Unity 小科普

老规矩，先介绍一下Unity的科普小知识：​​​

  •  Unity 是行业领先的实时3D开发平台。
  • 包括游戏开发，电影，AR/VR，虚拟现实在内的所有创作者，可以将梦想照进现实。
  • Unity提供了一套完整完善的软件解决方案，可用于创作，运营和模拟任何2D和3D的内容，进本全平台支持。
  • 实际上Unity就是一个游戏引擎，大名鼎鼎的原神就是用它制作的。

Unity100个实用小技巧

需求：如何修改UI上材质的Shader

疑问：正常修改材质的Shader是用以下的方法

Texture.material.SetVector/SetColor/SetFloat等方法

但是对于UI上的材质，通过上述方法修改，你会发现不起作用。

实际上也不是不起作用，而是修改的是源材质的shader

处理方式

​

Image组件上有CanvasRenderer，正式通过这个组件来操作

CanvasRenderer.GetMaterial()

官方解释：

​

参考链接

官方解释

​

我是小狼君
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Unity UI灰度Shader
07-03
Unity通用的UI灰度Shader
动态修改Matirial材质Shader状态、透明度
04-29
Unity动态修改Matirial材质Shader状态、透明度。请看我的博客中有具体介绍用法
Unity中Shader实现UI流光效果
楠溪泽岸的博客
10-19 1981
在很多游戏的 UI 中，都有实现 一道光扫过 UI 的效果
Unity的UI圆角矩形shader.unitypackage
07-08
Unity的UI圆角矩形shader.unitypackage
【unity3d】玻璃材质Shader
07-08
【unity3d】玻璃材质Shader，各种玻璃材质的shader，门窗彩色贴花。【unity3d】玻璃材质Shader，各种玻璃材质的shader，门窗彩色贴花。
Unity Shader - UI/Default shader 优化示例
Jave.Lin 的学习笔记
07-20 1859
一般都是使用unity 自带的按钮状态来控制（这些是通过 vertex buffer 来控制的，因为这样可以 vertex buffer 合批）这块比较容易忽略，虽然只是 vs 的计算，而且 UI 的顶点数量不多，一般不是什么问题。但还是那句话，性能如果要做到极致，除了优化 top 热点，其余小的也是肉，能优化就优化。下面优化的是一些小部分的内容，不是 top 热点，优化原理是一样的。格式的 UI 纹理，那么就可以直接使用了。，但是项目中没去使用，那就可以删除。Softness 开启。
UnityShader基础案例（二）——UI流光，扭曲，外边框，波纹效果
SliverAsh_的博客
10-04 6085
扭曲的原理也很简单，采样点旋转一个角度即可，不过为了体现扭曲效果，我们让越靠近中心的点旋转越小，越远离的点旋转越大，不然全旋转成一个角度那叫旋转不叫扭曲。这里要说一下图片本身对扭曲的影响，尽量不要选那些可以填满整个图片的纹理，因为四个角的纹理坐标有的时候一旋转会超出去，这时候就要看怎么截取的，这个不同于3D物体的描边，扩充模型什么的，我们相当于是对纹理进行的描边，这里就有一个可以利用的地方，那就是透明度。实现需要三张图片，一个便是要显示的主纹理，一个是主纹理的透明通道纹理（用于识别边框），一个是流光纹理。
Unity中 UI Shader的基本功能
楠溪泽岸的博客
09-15 576
Unity中 UI Shader的基本功能。
如何修改Unity3D UGUI 默认 shader 实现自定义 UI 表现
u012149999的博客
08-04 4921
如何修改 Unity3D UGUI 默认 shader 实现自定义 UI 表现
Unity3d Ui利用shader添加效果
HtWzl-
10-09 9628
// Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)' Shader "UI/Unlit/Flowlight" { Properties { [PerRendererData] _MainTex("Sprite Texture", 2D) = "white" {} _Colo
Unity3D Ui利用shader添加效果
12-31
本文实例为大家分享了Unity3D Ui利用shader添加效果的具体代码，供大家参考，具体内容如下 // Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)' Shader UI/Unlit/Flowlight { Properties { [PerRendererData] _MainTex(Sprite Texture, 2D) = white {} _Color(Tint, Color) = (1, 1, 1, 1) [MaterialToggle]
Unity UI 转场动画shader
04-03
Unity UI 转场动画shader
Unity中Shader测试常用的UGUI功能简介
楠溪泽岸的博客
12-19 1183
我们在测试Shader效果时，可能会使用到一些简单的UGUI功能。在这篇文章我们大概的介绍一下UGUI的基础功能。
Unity中UI组件对Shader调色
楠溪泽岸的博客
09-18 650
Unity中UI组件对Shader调色
Unity的UGUI的Shader代码
ttod的博客
10-11 1854
Unity的UGUI的Shader代码
Unity UI流光shader特效实现
lcy的博客
06-10 3352
原地址 在基础上调整了一下，拿来即用。 控制shader的代码。如果想做延时流光可以写个协程之类的。 using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; public class ImageFlow : MonoBehaviour { private float widthRate = 1; private float heightRate = 1;
Unity 模型UI展示阴影效果shader
qq_40833062的博客
03-01 413
Shader "ChuckLee/ARShadow" { Properties { _ShadowColor("Shadow Color", Color) = (0.1, 0.1, 0.1, 0.53) } SubShader { Tags{ "RenderType" = "Transparent" "Queue" = "Geometry+1" } Blend SrcAlpha OneMinusSrcAlpha Pass { Tags{ "LightMode" = "ForwardBase" } CGPRO
Unity 使用Shader在屏幕UI上制作3D效果
weixin_42565127的博客
01-30 941
Unity shader UI的3D效果
虚拟现实（VR）的应用场景
最新发布
super_Dev_OP的博客
04-22 553
例如，医学生可以通过VR模拟进行手术练习，学生可以通过VR模拟进行太空探索。例如，用户可以通过VR眼镜来与朋友或家人进行虚拟的聚会，或者参加虚拟的活动。例如，医生可以通过VR眼镜来查看患者的器官和组织，并进行更加精准的手术。例如，消费者可以通过VR眼镜来查看不同款式和颜色的衣服或鞋子，并了解衣服或鞋子的尺码和合身度。VR可以提高购物体验，并减少退货率。例如，潜在买家可以通过VR眼镜来查看房子的各个房间，并了解房子的布局和结构。例如，士兵可以通过VR模拟进行战斗训练，飞行员可以通过VR模拟进行飞行训练。
unity ui圆角shader
08-18
Unity UI圆角shader是一种可以用于Unity引擎中UI元素的着色器。它的作用是将UI元素的边缘变为圆角，使得UI界面更加美观和细腻。通过应用这种着色器，我们可以通过调整一些参数来实现不同大小和形状的圆角。 在实现过程中，我们需要在Unity中创建一个新的材质，并在其着色器属性中选择圆角着色器。然后，我们可以调整圆角的大小和形状，通过修改顶点和像素着色器来实现。 在顶点着色器中，我们需要对UI元素的顶点进行变换，以使其变为圆角形状。这可以通过应用一些数学公式来实现，例如使用曲线函数来改变顶点的位置和角度。这样，我们可以使得UI元素的边缘变得平滑并呈现圆角效果。 在像素着色器中，我们需要对UI元素的像素进行着色，以确保边缘的渐变效果。这可以通过使用一些渐变函数和着色算法来实现。我们可以通过调整不同参数的值来实现不同大小和形状的圆角。 通过应用Unity UI圆角shader，我们可以轻松地给UI元素添加圆角效果，从而提升UI界面的美观性和用户体验。通过调整不同参数的值，我们可以获得各种不同的效果，以适应不同的设计需求。总而言之，Unity UI圆角shader是一个强大且易于使用的工具，可以让我们在游戏或应用中创建出更加吸引人的UI界面。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我是小狼君

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值