Unity HDR UI Text Shader

最新推荐文章于 2024-09-11 16:19:53 发布
原创 最新推荐文章于 2024-09-11 16:19:53 发布 · 815 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#unity #ui #游戏引擎 #shader

这篇博客详细介绍了Unity中用于UI的无光照Shader的实现，包括属性设置、SubShader结构和Pass处理。文章通过示例代码展示了如何创建并应用Shader，用于控制透明度、颜色混合以及剪切等效果，适用于UI元素的渲染优化。

毫无质量的一篇文章，只是找个地方存一下shader

Shader "Unlit/BloomUIDefalut"
{
	Properties
	{
		[PerRendererData] _MainTex("Sprite Texture", 2D) = "white" {}
		[HDR]_Color("Tint", Color) = (1,1,1,1)

		_StencilComp("Stencil Comparison", Float) = 8
		_Stencil("Stencil ID", Float) = 0
		_StencilOp("Stencil Operation", Float) = 0
		_StencilWriteMask("Stencil Write Mask", Float) = 255
		_StencilReadMask("Stencil Read Mask", Float) = 255

		_ColorMask("Color Mask", Float) = 15

		[Toggle(UNITY_UI_ALPHACLIP)] _UseUIAlphaClip("Use Alpha Clip", Float) = 0
	}

		SubShader
		{
			Tags
			{
				"Queue" = "Transparent"
				"IgnoreProjector" = "True"
				"RenderType" = "Transparent"
				"PreviewType" = "Plane"
				"CanUseSpriteAtlas" = "True"
			}

			Stencil
			{
				Ref[_Stencil]
				Comp[_StencilComp]
				Pass[_StencilOp]
				ReadMask[_StencilReadMask]
				WriteMask[_StencilWriteMask]
			}

			Cull Off
			Lighting Off
			ZWrite Off
			ZTest[unity_GUIZTestMode]
			Blend SrcAlpha OneMinusSrcAlpha
最低0.47元/天 解锁文章
Unity之ASE实现UI流光效果
TxNet
03-08 4535
好了，我们今天又通过噪波图的扰动实现了一个很炫酷的UI流光效果，大家还可以试试能不能实现其他的更炫酷的效果呢？Unity技术开发干活 - 总目录Unity精选 - 专栏目录Unity之ASE入门到精通 - 专栏目录UniRx入门到精通 - 专栏目录Unity技术开发干活 - 总目录。
Unity UI Default Shader分析
聚焦游戏和图形引擎开发技术
02-06 701
Unity ShaderLab的Properties一般用于将材质使用到的Shader参数暴露在材质的Inspector面板中以方便设置，并且编辑后的参数值可以和材质一起保存。另外材质使用到的渲染状态值，以及关键字也可以使用Properties进行编辑。Properties在上面的shader中，包含以上的属性。其中_MainTex, _Color是shader的参数，而_Stencil开头的这些和_ColorMask是渲染状态值，_UseUIAlphaClip则是关键字开关。
Unity内置Shader-Text Shader(3DText)
雪球的博客
04-04 7139
// Unity built-in shader source. Copyright (c) 2016 Unity Technologies. MIT license (see license.txt) Shader "GUI/Text Shader" { Properties { //这里的贴图为字体里面的FontTexture _MainTex ("F...
Unity实现UI光晕效果（发光效果）
08-25
主要为大家详细介绍了Unity实现UI光晕效果，发光效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
【Unity3d Shader】眨眼效果
PangNanGua的专栏
11-15 5537
眨眼效果常用于游戏中的剧情表现，先看效果图： 原理很简单： 椭圆公式： 当焦点在x轴时，椭圆的标准方程是：x^2/a^2+y^2/b^2=1，(a>b>0)； 当焦点在y轴时，椭圆的标准方程是：y^2/a^2+x^2/b^2=1，(a>b>0)； 核心代码如下： half4 color = IN.color; half x = IN.t...
Unity3d之表情动画--眨眼
weixin_30391339的博客
06-20 1650
可通过BlendShape来实现眨眼动画，效果如下： 转载请注明出处：http://www.cnblogs.com/jietian331/p/7054673.html 代码如下： using UnityEngine; /// <summary> /// 眨眼类 /// </summary> public class EyeBlink { ...
Unity UI-Default.shader源码阅读
qilin598866753的博客
06-17 1326
UI-Default.shader源码理论说明
【Unity的实现好用的曲面UI_切角曲面边框流光效果_案例分享(内附源码)】
暴走约伯的博客
12-20 3017
这篇【Unity的HDRP渲染管线下实现好用的GUI模糊和外描边流光效果_Blur_OutLine_案例分享(内附源码)】的外描边流光效果 CurvedUIVertexEffect 在每一个需要UI弯曲效果的节点上都添加CurvedUIVertexEffect节点 CurvedUIVertexEffect组件 CurvedUIVertexEffect代码如下： 最终效果： 在片段着色器中输出 通过返回某一计算结果的值得到的画面效果 atan2(uv.y, uv.x) 将UV通过乘2减1操作；
Unity眨眼特效
咸鱼不爱翻身
09-11 789
*
unity3D Text 使用shader
shenmifangke的专栏
12-01 7688
unity里面的3dtext可以很方便得使用，包括了替换材质等等 替换字体简单的就是下面视图步骤，注意使用的Texture是导入字体后的Texture shader使用以下基本写法，稍稍更改下就行 ShaderLab - 3DText.shader Shader "GUI/3D Text Shader" { Properties { _MainTex ("Fo
EYE Blink Effect FPS VR 1.0.unitypackage
08-23
可以用来做第一人称的睁眼闭眼效果，在游戏开发中非常的方便实用
HoshiyukiToonShader：基于GI＆HDR的Unity着色器
02-06
グをきトゥーンシェーダーはライティングをングを团结した向けのトゥーンシェーダーアセットです。 レローバルイルミネーションとHDRレンダリングに対応し，サーフェイスシェーダーによるカスタマイズも可能です。
unity 描边Shader
05-07
unity 描边Shaderunity 描边Shaderunity 描边Shaderunity 描边Shaderunity 描边Shaderunity 描边Shader
【unity学习笔记】捏人+眨眼效果+口型效果
yljwhat的博客
12-29 2867
2.找到release页面找到合适的插件版本。1.在https://www.mixamo.com中下载动作并导入。1.在assets中新建文件夹arts，拖入小人。3.将univrm导入到工程中（assets）。1.在vroidstudio软件中捏人。1.在Git上搜索、打开univrm。2.将小人转化为unity可识别状态。二、vrid导入unity的插件。4.在动作控制中创建空状态。2.导出模型（.vrm)1.在人物上新建眨眼脚本。3.将小人放入场景中。（二）制作眨眼睛动作。
unity HTC眨眼效果
yiwei151的博客
11-27 2721
代码如下：IEnumerator TransitionView(Transform pos) { VRTK_SDK_Bridge.HeadsetFade(Color.black, 0.6f); yield return new WaitForSeconds(0.5f); VRTK_SDK_Bridge.HeadsetFade(Color.clear,
Unity制作Live2D（四）自动眨眼及唇形同步功能
米芝鱼的博客
08-24 2453
给物体根目录添加组件CubismMouthController和CubismAudioMouthInput。在物体根目录下添加CubismEyeBlinkController组件。在物体根目录下添加组件CubismAutoEyeBlinkInput。在眨眼的参数下添加组件CubismEyeBlinkParameter。找到唇形打开的参数，添加组件CubismMouthParameter。效果中嘴型会被BGM影响，最好选择谈吐清晰，背景音乐强度较小的音乐。眨眼的最大偏差值，眨眼将在。
SALSA for unity 实现 眨眼 表情 口型
weixin_38906114的博客
03-20 3935
看了半天的官网教程，终于弄出来个小小的demo，有点点开心。但是和官网的教程不太一样，做出来的东西。因为模型不同，调的参数不同。眼睛的random没有实现，没太弄明白。阴差阳错的弄了眨眼，调半天参数后挺满意的了。 首先就是选中自己的主角模型。然后参加组件。两个3D都要加。一个是眼睛的，我也用来做表情，一个是口型的。 1.选择自己主角的骨骼。旁边有小按钮，可以自己挑出来。 2.意思是让谁说话。 ...
Unity 粒子特效、材质发光 HDR ShaderGraph图文教程[完成lit发光设置]
zhuangjialo的博客
03-11 7673
Shader ShaderGraph 自发光 粒子特效
unity ugui自定义Text字体描边优化性能
热门推荐
u012740992的专栏
03-22 1万+
**在unity的ugui的用于Text描边的组件outline中，其中的实现是将字体copy出几份往外放置形成背景黑边，随之带来的是性能的高消耗。如果是一两个Text描边还好，如果同屏有大量Text在使用其在描边时，其性能消耗提高十分明显，甚至直接影响到了游戏FPS。 因此，同屏Text描边多时有必要优化一下，因此写一个可以实现Text描边的shader。 一样的道理，shader中有2个Pas...
unity中如何通过shader调整亮度
最新发布
07-15
<think>我们正在讨论如何在Unity中使用Shader调整图像亮度。根据引用[3]和引用[4]，调整亮度通常与饱和度、对比度一起作为常见的后处理效果。不过，用户现在只关注亮度调整。 亮度调整的基本原理：将每个像素的颜色值乘以一个亮度系数。如果亮度系数大于1，则图像变亮；小于1，则变暗。 具体步骤： 1. 创建一个用于调整亮度的Shader。 2. 编写一个C#脚本，将其附加到摄像机上，用于应用后处理效果。 根据引用[3]和引用[4]，我们可以提取出仅调整亮度的部分。 下面分别给出Shader和C#脚本的代码： ### 亮度调整Shader（Unlit Shader） ```hlsl Shader "Hidden/BrightnessAdjustment" { Properties { _MainTex ("Texture", 2D) = "white" {} _Brightness ("Brightness", Float) = 1.0 } SubShader { // 后处理Shader的标准设置 Cull Off ZWrite Off ZTest Always Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag #include "UnityCG.cginc" struct appdata { float4 vertex : POSITION; float2 uv : TEXCOORD0; }; struct v2f { float2 uv : TEXCOORD0; float4 vertex : SV_POSITION; }; v2f vert (appdata v) { v2f o; o.vertex = UnityObjectToClipPos(v.vertex); o.uv = v.uv; return o; } sampler2D _MainTex; float _Brightness; fixed4 frag (v2f i) : SV_Target { fixed4 col = tex2D(_MainTex, i.uv); // 亮度调整：将颜色乘以亮度系数 col.rgb *= _Brightness; // 确保颜色值在[0,1]范围内，避免过亮导致颜色失真 col.rgb = saturate(col.rgb); return col; } ENDCG } } } ``` ### 后处理脚本（C#） ```csharp using UnityEngine; [ExecuteInEditMode] // 在编辑模式下也可以预览效果 [RequireComponent(typeof(Camera))] // 需要摄像机组件 public class BrightnessEffect : MonoBehaviour { [Range(0.1f, 3.0f)] // 限定亮度系数的范围 public float brightness = 1.0f; private Material material; void OnRenderImage(RenderTexture source, RenderTexture destination) { if (material == null) { // 使用Shader路径创建材质 Shader shader = Shader.Find("Hidden/BrightnessAdjustment"); if (shader == null) { Debug.LogError("Brightness shader not found!"); Graphics.Blit(source, destination); return; } material = new Material(shader); material.hideFlags = HideFlags.DontSave; // 不保存到场景中 } material.SetFloat("_Brightness", brightness); Graphics.Blit(source, destination, material); } } ``` ### 使用说明 1. 将上述Shader代码保存为`BrightnessAdjustment.shader` 2. 创建C#脚本并粘贴后处理代码，保存为`BrightnessEffect.cs` 3. 将`BrightnessEffect.cs`脚本附加到主摄像机上 4. 在Inspector面板中调整Brightness参数： - 1.0：原始亮度 - >1.0：增加亮度 - <1.0：降低亮度 ### 注意事项 1. **颜色空间**：上述Shader在Gamma颜色空间下工作正常。如果项目设置为线性空间（Linear Space），可能需要考虑伽马校正。但简单的亮度调整通常不需要修改，因为乘法操作在线性空间和Gamma空间都适用，只是感知上可能不同。 2. **颜色值截断**：使用`saturate`函数确保颜色值不超过1.0，避免过曝。但注意，这样会损失高亮细节。另一种方法是使用HDR（高动态范围）并配合色调映射，但这是更高级的内容。 ### 性能优化 对于移动设备，可以： 1. 使用半精度浮点数：将`fixed4`改为`half4`，`float`改为`half`（但注意，范围较大的参数如`_Brightness`可能仍需使用float）。 2. 避免不必要的计算：如果亮度系数为1.0，可以直接跳过处理（在C#脚本中判断，如果为1.0则直接Blit而不使用材质）。 ### 扩展：与其他效果合并 如果后续需要同时调整亮度、饱和度和对比度，可以参考引用[3]和引用[4]中的方法，将三个效果合并到一个Shader中，以减少Draw Call。 ### 相关问题 1. 如何同时调整Unity中的亮度、饱和度和对比度？ 2. 在Unity中，线性空间和Gamma空间对后处理效果有什么影响？ 3. 如何为移动设备优化后处理效果？</think># Unity中使用Shader调整图像亮度的方法 在Unity中通过Shader调整图像亮度是常见的后处理效果，下面我将详细介绍实现方法。 ## 亮度调整原理 亮度调整的基本原理是将每个像素的RGB值乘以一个亮度系数： $$C_{out} = C_{in} \times \text{brightness}$$ 其中： - $C_{in}$ 是原始颜色值 - $\text{brightness}$ 是亮度系数 - $C_{out}$ 是调整后的颜色值 当$\text{brightness} > 1$时增加亮度，$\text{brightness} < 1$时降低亮度[^3]。 ## 完整Shader实现 ```hlsl Shader "Hidden/BrightnessAdjustment" { Properties { _MainTex ("Texture", 2D) = "white" {} _Brightness ("Brightness", Range(0, 2)) = 1.0 } SubShader { Cull Off ZWrite Off ZTest Always Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag #include "UnityCG.cginc" struct appdata { float4 vertex : POSITION; float2 uv : TEXCOORD0; }; struct v2f { float2 uv : TEXCOORD0; float4 vertex : SV_POSITION; }; v2f vert (appdata v) { v2f o; o.vertex = UnityObjectToClipPos(v.vertex); o.uv = v.uv; return o; } sampler2D _MainTex; float _Brightness; fixed4 frag (v2f i) : SV_Target { fixed4 col = tex2D(_MainTex, i.uv); // 应用亮度调整 col.rgb *= _Brightness; // 确保颜色值在合法范围内 col.rgb = saturate(col.rgb); return col; } ENDCG } } } ``` ## 后处理脚本（C#） ```csharp using UnityEngine; [ExecuteInEditMode] [RequireComponent(typeof(Camera))] public class BrightnessEffect : MonoBehaviour { [Range(0.1f, 3.0f)] public float brightness = 1.0f; private Material material; void OnRenderImage(RenderTexture source, RenderTexture destination) { if (material == null) { Shader shader = Shader.Find("Hidden/BrightnessAdjustment"); if (shader == null) { Debug.LogError("Brightness shader not found!"); Graphics.Blit(source, destination); return; } material = new Material(shader); material.hideFlags = HideFlags.DontSave; } material.SetFloat("_Brightness", brightness); Graphics.Blit(source, destination, material); } } ``` ## 使用说明 1. 将上述Shader代码保存为`BrightnessAdjustment.shader` 2. 创建C#脚本并粘贴后处理代码 3. 将脚本附加到相机对象 4. 在Inspector中调整Brightness参数： - 1.0：原始亮度 - >1.0：增加亮度 - <1.0：降低亮度 ## 高级亮度调整技术 ### 1. Gamma空间校正 ```hlsl fixed4 frag (v2f i) : SV_Target { fixed4 col = tex2D(_MainTex, i.uv); #if UNITY_COLORSPACE_GAMMA // Gamma空间下需要先转换到线性空间 col.rgb = pow(col.rgb, 2.2); #endif col.rgb *= _Brightness; #if UNITY_COLORSPACE_GAMMA // 转换回Gamma空间 col.rgb = pow(col.rgb, 1.0/2.2); #endif col.rgb = saturate(col.rgb); return col; } ``` ### 2. 基于亮度的自适应调整 ```hlsl fixed4 frag (v2f i) : SV_Target { fixed4 col = tex2D(_MainTex, i.uv); // 计算亮度值 float luminance = dot(col.rgb, float3(0.299, 0.587, 0.114)); // 根据原始亮度自适应调整系数 float adaptiveFactor = lerp(1.2, 0.8, luminance); col.rgb *= _Brightness * adaptiveFactor; col.rgb = saturate(col.rgb); return col; } ``` ## 性能优化建议 1. **移动设备优化**： ```hlsl // 使用half精度代替float half4 col = tex2D(_MainTex, i.uv); col.rgb *= _Brightness; ``` 2. **多效果合并**： 将亮度、饱和度、对比度调整合并到单个Shader中： ```hlsl Properties { _MainTex ("Texture", 2D) = "white" {} _Brightness ("Brightness", Range(0, 2)) = 1.0 _Saturation ("Saturation", Range(0, 2)) = 1.0 _Contrast ("Contrast", Range(0, 2)) = 1.0 } ``` 3. **条件跳过处理**： ```csharp void OnRenderImage(RenderTexture source, RenderTexture destination) { if (Mathf.Approximately(brightness, 1.0f)) { Graphics.Blit(source, destination); return; } // 正常处理... } ``` ## 常见问题解决 1. **颜色溢出问题**： 使用`saturate()`函数确保颜色值在[0,1]范围内 2. **HDR处理**： ```hlsl // 支持HDR颜色 col.rgb = min(col.rgb * _Brightness, float3(100, 100, 100)); ``` 3. **UI元素影响**： 使用LayerMask排除不需要后处理的UI层 > 提示：亮度调整通常与其他效果配合使用，如结合饱和度调整可创建更丰富的视觉效果[^3]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值