Unity中实现引导的镂空效果

已于 2022-03-29 16:06:08 修改
阅读量5.8k 收藏 15
点赞数 6
分类专栏： # Unity相关技术 文章标签： unity
于 2020-02-11 14:58:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LLLLL__/article/details/104263122
版权

一：实现思路

——UGUI中的OnPopulateMesh函数：Unity中UGUI的OnPopulateMesh函数_Hello Bug.的博客-CSDN博客_onpopulatemesh unity
获取外层的４个顶点，也就是镂空组件自身RectTransform的四个顶点，获取内层的４个顶点，也就是镂空区域的四个顶点。生成内外层之间一共八个三角形，则产生了镂空效果


——UGUI提供了ICanvasRaycastFilter接口，实现IsRaycastLocationValid方法，就可以很方便的控制射线是否穿透

二：代码实现

using UnityEngine;
using UnityEngine.U
了解本专栏 订阅专栏 解锁全文 超级会员免费看
Hello Bug.
关注
专栏目录
订阅专栏
【Unity实战篇 】| 游戏中实现镂空遮罩效果【矩形、圆形镂空遮罩】
努力前行，总会成为自己心中的那道光
07-25 1万+
本文来写一下怎样在Unity中完成一个 镂空遮罩 的效果。 镂空遮罩 比较常用的有两种：矩形镂空遮罩、圆形镂空遮罩。 镂空遮罩 在游戏中常被当做新手引导必备的内容，可以给玩家更多不一样的体验。 下面就一起来看一下怎样做出这种效果吧！
Unity用Shader实现图片的区域遮罩，支持半透明，实现地图动态上色功能，示例项目
02-07
具体文章在 http://blog.csdn.net/zhenmu/article/details/79281381 一个项目，做世界地图时，希望未开启的地块是线稿，新地块开启时，做一个上色处理。 想到的方案就是：上了色的彩图盖在线稿上，然后用mask 控制彩图的局部显隐。 然后用mask不同的颜色来区分不同的色块，控制是否需要显示。 涉及到 颜色的位操作。
Unity实现新手引导镂空效果
08-25
主要为大家详细介绍了Unity实现新手引导的镂空效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Unity 图片镂空效果
最新发布
LFJINNAN的博客
08-02 369
更改 Shader ：将Standard 改为 UI/Default。更改 Shader ：将Standard 改为 UI/Default。Stencil Read Mask：255改为1。Stencil Comparison: 8改为 3。Stencil Comparison: 8改为 3。Stencil Write Mask：255改为0。Stencil Operation： 0改为2。Color Mask：改为0。Stencil lD ：0改为1。Stencil lD ：0改为2。
Unity UGUI引导镂空效果，添加背景遮罩带内倒角镂空
关大弓的博客
06-27 2510
在网上找了找有shader实现，也有下面这种重绘图片顶点的做法。参考文章： Unity中实现引导的镂空效果 https://blog.csdn.net/lllll__/article/details/104263122 Unity3D UGUI 性能耗费最小的一种UI渲染方式RawImage实现,圆角矩形,圆形,多边形等图片 https://www.geek-share.com/detail/2752643497.html SimpleRoundedImage-不使用mask实现圆角矩形图片 https:/
Unity镂空图像做法
weixin_45218342的博客
04-29 931
现在要完成一个需求，即镂空中间部分的image，外围image可以定义颜色并可选屏蔽点击，而中间的image需要透明且可以穿透，必须不能屏蔽点击。
Unity Shader实现新手引导遮罩镂空效果
12-20
这两天实现了下新手引导需要的遮罩镂空shader效果，记录一下。 1、圆形镂空shader代码：     //计算片元世界坐标和目标中心位置的距离 float dis = distance(IN.worldPosition.xy, _Center.xy); //过滤掉距离小于（半径-过渡范围）的片元 clip(dis - (_Radius - _TransitionRange)); //优化if条件判断，如果距离小于半径则执行下一步，等于if(dis < _Radius) fixed tmp = step(dis, _Radius); //计算过渡范围内的alpha值 color.a *=
Unity中实现新手引导的镂空效果
qq_32587659的博客
09-16 775
using UnityEngine; using UnityEngine.UI; /// <summary> /// 实现镂空效果的Mask组件 /// </summary> public class HollowOutMask : MaskableGraphic, ICanvasRaycastFilter { [SerializeField] private RectTransform _target; private Vector3 _targe.
unity3D 引导（镂空）
qq_57896821的博客
01-12 3192
已经好久没写博客今天我写新手必须写的新手引导（注：本文出自unity3D游戏开发这本数的案例） shader Shader "Unlit/Default_Mask" { Properties { [PerRendererData] _MainTex("Sprite Texture",2D)="while"{} _Color("Tint",Color)=(1,1,1,1) _StencilComp("Stencil Comparison",F
【Unity】镂空图片射线不遮挡
Mediary的博客
08-24 771
镂空图片射线不遮挡
Unity使用反向遮罩实现镂空shader
Tel17610887670的博客
02-01 856
2，使用两张image，遮罩层在父节点，被遮罩层在子节点，然后分别添加材质球与镂空图片。
【Unity 实用工具篇】✨ | Tutorial Master2 加入镂空遮罩效果
热门推荐
努力前行，总会成为自己心中的那道光
07-25 1万+
前面写了两篇文章奖讲了怎样使用Tutorial Master插件制作游戏引导教程。 使用该插件完成游戏引导是没问题的，但是该插件没有内置一个镂空遮罩的效果。 这对于制作游戏新手引导来说还是有点小问题的，本篇文章就来在该插件基础上加入一个镂空遮罩功能~
unity--新手引导+ugui镂空遮罩
学海无涯
05-10 1141
unity---新手引导+ugui镂空遮罩
Unity关于新手引导中实现遮罩镂空效果
qq_38139885的博客
01-17 1189
【代码】Unity关于新手引导中实现遮罩镂空效果。
Unity Shader - 模板简单测试 - 实现镂空/遮罩、描边
Jave.Lin 的学习笔记
07-08 5644
关于Unity的模板缓存介绍，可查看之前翻译的一篇： Unity Shader - ShaderLab: Stencil 模板（缓存） 以下的例子实现方式有多种多样，这里为了做示例测试，制作其一一种。 镂空/遮罩 镂空 Masker：确定屏幕空间中间，需要镂空的像素的位置，通常绘制对应形状的图元就好，将模板缓存值设置为1（ref 1，comp always（comp always是defau...
Unity ASE案例解析—2Sided（镂空效果，内外颜色分开效果）
qq_40120946的博客
01-08 2246
效果图： 一、Cube内外部颜色外形分开渲染效果 1、正面效果： 2、背面效果 3、拆分 正反面 Dot结点 计算两个向量A和B之间的点/内积。它在几何上表示两个向量之间形成的角度的余弦值乘以彼此的长度。换句话说，它输出每个向量通道的乘法和。Pe如果A和B是Vector3，则结果为Ax * Bx + Ay * By + Az * Bz。 如果A和B的频道数...
如何在unity中实现眨眼点击效果
03-11
您好，关于在Unity中实现眨眼点击效果，可以通过以下步骤实现： 1. 创建一个空物体作为眼睛的父物体，将眼睛模型作为子物体挂载在父物体下。 2. 在眼睛模型上添加Animator组件，并创建一个动画控制器。 3. 在动画控制器中创建两个动画Clip，一个是眨眼的动画，一个是正常状态的动画。 4. 在Animator组件中设置参数和状态机，将眨眼动画和正常状态动画连接起来。 5. 在代码中监听鼠标点击事件，当鼠标点击眼睛模型时，触发眨眼动画。 以上是实现眨眼点击效果的基本步骤，具体实现可以根据自己的需求进行调整。希望对您有所帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Hello Bug.

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

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

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

打赏作者

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

抵扣说明：

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

余额充值