[Unity3D] [Shader] 实现基于NDC的Sprite渐隐Shader

Unity3D Shader教程：实现Sprite渐隐效果
最新推荐文章于 2023-07-24 16:05:17 发布
原创 最新推荐文章于 2023-07-24 16:05:17 发布 · 4.8k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#unity3d #3d #shader

本文介绍了如何在Unity3D中创建一个Shader，使得Sprite对象能够根据其在屏幕上的位置逐渐透明。通过调整WorldToViewportPoint函数和NDC坐标转换，结合Shader与脚本设置参数，实现了文字滚动时的渐隐效果。

0. 我要实现的效果是怎样的？
如图:













上面的文字可以上下滚动，当滚动到一定位置的会渐隐。物体的Alpha值基于它在屏幕中的位置。

这些文字所用到的Shader就是本文要实现的。


1. 准备<

最低0.47元/天 解锁文章
【虚拟仿真】Unity3D中模型的渐隐渐现效果实现
优快云博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。
07-08 5970
推荐阅读 优快云主页 GitHub开源地址 Unity3D插件分享 简书地址 我的个人博客 QQ群：1040082875 一、前言 最近项目上要实现一个模型渐隐渐现的效果，研究了一下，分享出来。 这个主要是用到了Shader（但不用学）和DoTween动画插件。 文中示例代码简单明了，感兴趣的小伙伴可以参考一下。 二、效果展示及源码下载 源码下载： https://download.youkuaiyun.com/download/q764424567/20079897 三、正文 界面没啥好说的： 代码： .
Unity功能——设置图片随时间自动渐显渐掩
青岚岁叶的博客
05-17 848
两种方式： 本质都是 根据时间修改图片透明度 达到显示或掩藏图片的效果 1、监测图片透明度，根据图片透明度值来显示或掩藏图片； 2、监测时间，根据时间长短来显示或掩藏图片；
unity 实现3d模型渐隐（修改材质透明度）
IT_choshim的博客
12-01 6580
前言：看到此功能首先想到的是写shader，但是我对shader一知半解。网上找了几个大佬分享的做渐隐的shader也只是能实现渐隐而已，无法实现unity模型材质Standard的各种效果无法修改，我又不会修改，所以只能退而求其次。 如有大佬明白如何用shader实现，烦请告知，感激不尽 下面说下我的实现方式： 由于模型材质Rendering Mode大都是Opaque，无法实现渐隐。 关于Rendering Mode，这里不做解释，不懂得转这里渲染模式 (Rendering Mode) -
【Shader/简单/unity】面片图案消隐/FaceFade
FalschxMico
08-17 1167
效果：面片随着视线角度增大图案会被消隐，类似光栅立体卡片的效果。 本篇介绍实现方式的一种。
[G507]Unity运用ASE(AmplifyShaderEditor)制作渐隐星辰效果
G507的博客
11-24 1252
unity 渐变消失_Unity shader 角色消失 溶解 隐身 效果
weixin_39619478的博客
02-11 829
先上两张效果图 实现原理一句话总结：空间中有一个隐形的面，判断模型上和面的相对位置，根据需求隐藏上方或者下方的点。原理就这么简单，具体怎么实现呢，首先确定数学几何中平面的性质：原点到到面上任意一点构成的向量a，再这个面的法线(n)方向投影，都是相等的，距离为d。用数学公式表达为：ax + by + cz = d画一个小图更容易理解：最简单地平面垂直于Y轴。P1和P2在法线方向的投影是红色的虚线，长...
2d shader unity 阴影_Unity 简单阴影shader的实现
weixin_34526152的博客
12-30 566
这边文章会按照阴影实现的原理一步一步去解释每一步的代码和实现这篇文章使用的是常规的阴影贴图的原理实现，原理很简单，就是在光源的位置假设一个摄像机我们叫做L，然后用L摄像机把照射物体A的深度值存储到一个深度贴图里面，我们正常渲染场景的摄像机叫做E,我们把E照射的物体P点，转换光源空间，然后对比两个点的深度值，就知道p点是否有阴影。1 如图我们先建立一个简单的场景然后在光源下面建立一个摄像机用来渲染深...
如何在Unity中实现物体的渐显/渐隐效果？
最新发布
07-02
对于需要与状态机结合控制的物体，可以使用Unity的`Animator`系统来实现渐隐效果。通过动画控制器设置透明度变化，并在最后一帧触发`SetActive(false)`，可实现自然的隐藏流程。 可以在父物体上添加`Animator`组件...
unity中 builtin shader
01-30
以实现基于 NDC (标准化设备坐标) 的 Sprite 渐隐效果为例，在此过程中不仅涉及到对视口坐标的转换操作，还需要利用特定属性控制透明度变化。具体来说，通过调整顶点位置以及应用相应的数学变换公式 \( p' = p \...
Unity的text从左到右的字体渐变色（参考
qq_38451259的博客
05-10 1471
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
Unity Shader - 模型消融/淡入淡出效果-附件资源
03-05
Unity Shader - 模型消融/淡入淡出效果-附件资源
Unity3D中人物角色被攻击变色，死亡渐隐消失，墙后显示的Shader
RainsSoft
08-21 7933
这段代码是在Unity蛮牛给人解答的时候写的，第一次写Shader，Unity官方的语法还没来得及完全过一遍，比较仓促，还好效果实现了！ 笔记：Alpha Blending则是一种中庸的方式，它使用当前fragment的alpha作为混合因子，来混合之前写入到缓存中颜色值。但Alpha Blending麻烦的一点就是它需要关闭ZWrite，并且要十分小心物体的渲染顺序。如果不关闭ZWrite，那
Unity Shader Graph 制作 Fade 淡入淡出效果
当代野生程序猿
12-28 4359
当相机与物体的距离越来越近，达到指定值时，我们让物体逐渐淡出，当相机与物体拉开距离后，再让其淡入，来处理当相机靠近物体时的穿模情况，效果图： 创建一个新的PBR Graph，命名为Fade，在Blackboard黑板中创建以下属性： Main Texture（Texture2D 类型）：用于主贴图 Min Distance（Vector1 类型）：用于设定淡入淡出的最小距离 Max Distance (Vector2 类型) ：用于...
unity 模型渐变消失_在不画贴图的基础之上用Unity shadergraph做出眼睛的渐变(没图解)...
weixin_31893893的博客
12-23 456
首先我们需要准备一张纯白色的1k或者2k分辨率的贴图，两只分好uv的眼睛的mesh，一个2018至以上版本使用lwrp的unity项目。废话(可跳过不看)：传统的眼睛贴图需要制作者拥有良好的美术功底与软件使用经验。一个模型需要渐变贴图的地方实在是太多了，比如动漫风格的眼白一般会需要灰色阴影与白色受光部分有明显的分界线，这时候会用到fixed gradient；为了表现出眼睛类宝石的质感，通常会用到...
菜鸡shader:L13 渐隐渐显的UV动画
weixin_43789369的博客
07-24 535
呃呃，这是目前我学习庄懂AP01课程的最后一节了，我看了一下21集之后的内容是关于LightingMap，目前感觉还用不到，加上之前参与过一个项目里面也有用到LightingMap，也算了解过，就暂时先放到待办列表里。下面也是简单记录一下课上的东西，其实整节课似懂非懂，感觉难度很大，也很能体会到老师的清晰逻辑，感叹一下，以后能成为这样的大神吗。这节课内容更多是简单记录，有些地方我也不是很懂，下面就直接开始吧。
Unity UI Image渐隐渐现效果
BBoyLXiang的博客
07-07 2109
创建UI Image，脚本直接拖上面 using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; public class ImageAlpha : MonoBehaviour { private Image image; float colorA; bool IsColorA; void Start() {
【内置渲染管线】Unity标准Shader解析（渲染模式，贴图类型）
纯技术流日常开发商业开发记录总结等
05-31 5826
438312501
UnityShader纹理特效(一) 图片添加阴影
Vitens的专栏
12-09 3178
两天前有个朋友想要弄个给图片加阴影的效果找我帮忙,刚开始比较纳闷图片加阴影,怎么个加法,当他发了张图瞬间就懂了,效果是这样的: 原理就是简单的一个UV小幅度的偏移采样得到影子然后和原始UV采样的结果叠加在一起(影子在后面原图在前面)就OK了.(纹理的wrapMode需要设置为Clamp) 完整的Shader: Shader "Custom/ImageShadow" { Prope...
贴图阴影shader
RocketJ的博客
03-03 266
Shader "Custom/Sprites/DefaultShadow" { Properties { [HideInInspector]_MainTex("Main Tex", 2D) = "white" {} _Alpha("_Alpha", Range(0, 1)) = 0.8 _Offset("Offset", vector) = (0, 0, 0, 0) } CGINCLUDE #include "UnityCG.cginc" sampler2D _Mai
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值