【Unity 实用工具篇】✨ | Tutorial Master2 加入镂空遮罩效果

已于 2023-08-03 21:09:54 修改
阅读量1.2w 收藏 5
点赞数 5
CC 4.0 BY-SA版权
分类专栏： Unity 实用工具集合 文章标签： unity 游戏引擎 游戏引导 引导教程 Tutorial Master 镂空遮罩
于 2023-07-25 06:30:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zhangay1998/article/details/131844011
本文展示了如何在Unity的Tutorial Master插件基础上实现镂空遮罩功能，通过修改HighlightModule脚本和创建新的Module预制体，简化游戏引导教程的制作过程。详细步骤包括复制HighlightModule，删除不必要的Image组件，创建遮罩背景，编写HollowOutMask脚本，以及调整Canvas配置以确保遮罩效果正确显示。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

请添加图片描述

在这里插入图片描述

前言

了解本专栏 订阅专栏 解锁全文
【Unity实战篇 】| 游戏中实现镂空遮罩效果【矩形、圆形镂空遮罩】
努力前行，总会成为自己心中的那道光
07-25 1万+
本文来写一下怎样在Unity中完成一个 镂空遮罩 的效果。 镂空遮罩 比较常用的有两种：矩形镂空遮罩、圆形镂空遮罩。 镂空遮罩 在游戏中常被当做新手引导必备的内容，可以给玩家更多不一样的体验。 下面就一起来看一下怎样做出这种效果吧！
Tutorial Master 2⭐一、一款Unity游戏引导插件，及效果展示
星河造梦坊
02-01 1947
Tutorial Master 2丨（一）一款Unity游戏引导插件，及效果展示 Unity新手引导录屏 更新中，会在教程结束后录制上传。 我们下节再见~ 如果你有 技术的问题 或 项目开发 都可以加下方联系方式 和我聊一聊你的故事???? ..................
unity中镂空遮罩
weixin_56164608的博客
11-06 346
一个是被镂空的背景，得附加上shader，一个是镂空的Image大小sha。shader文件如上。
Unity使用反向遮罩实现镂空shader
Tel17610887670的博客
02-01 1181
2，使用两张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实战篇 】| 如何在小游戏中快速接入一个新手引导教程
努力前行，总会成为自己心中的那道光
08-17 1万+
之前分享过一个游戏引导教程的插件Tutorial Master2的文章：Unity 实用插件篇 | Tutorial Master 2 游戏引导教程 快速上手 本篇文章就拿该插件为一个小游戏制作一个简单的游戏引导实战案例。 一起来看看该插件在实际游戏中的使用效果如何吧！
【Unity引擎技术整合】 Unity学习路线 | 知识汇总 | 持续更新 | 保持乐趣 | 共同成长
热门推荐
努力前行，总会成为自己心中的那道光
01-02 7万+
本文对Unity引擎的知识进行了一个整理总结，基本包含了Unity中大部分的知识介绍。 网上也有很多Unity相关的学习资料，但大多数都不成体系，学起来的时候难免会东奔西走的摸不着头脑。 本文整理的多数文章都是有对应的系列性文章专栏，可以更方便的进行系统学习相关知识体系。
unity 新手引导
最新发布
01-21
对于希望在游戏中快速集成新手引导功能的开发者而言，Tutorial Master2 是一款非常实用的工具。该插件提供了直观易用的功能来创建游戏内的教学流程[^1]。 ```csharp // 示例：初始化 TutorialMaster 组件 void ...
Unity中实现新手引导的镂空遮罩
TxNet
03-29 5697
一：实现思路 创建有8个顶点的Mesh，内外边界都是四边形(矩形)。只生成内、外边之间的Mesh，内层矩形就产生了镂空部分，外层的４个顶点，是组件自身RectTransform的四个顶点，内层的４个顶点，使用镂空目标(_target)RectTransform的四个顶点。确定内层的顶点的时候需要注意，多数情况下_target和HollowOutMask都不在同一个本地坐标空间，所以需要使用Cal...
Tutorial Master 2（附教程）
02-04
Unity的新手引导插件。（已订阅教程的同学可联系我免费下载） 插件教程：https://blog.youkuaiyun.com/weixin_38239050/category_11617753.html 或：https://blog.youkuaiyun.com/weixin_38239050/category_9577875.html
unity mmo tutorial 2
07-13
从国外找来的unity mmo 开发资料，和大家一起学习。
Unity实现新手引导镂空效果
08-25
主要为大家详细介绍了Unity实现新手引导的镂空效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Unity UGUI引导镂空效果，添加背景遮罩带内倒角镂空
关大弓的博客
06-27 3051
在网上找了找有shader实现，也有下面这种重绘图片顶点的做法。参考文章： Unity中实现引导的镂空效果 https://blog.youkuaiyun.com/lllll__/article/details/104263122 Unity3D UGUI 性能耗费最小的一种UI渲染方式RawImage实现,圆角矩形,圆形,多边形等图片 https://www.geek-share.com/detail/2752643497.html SimpleRoundedImage-不使用mask实现圆角矩形图片 https:/
unity--新手引导+ugui镂空遮罩
学海无涯
05-10 1540
unity---新手引导+ugui镂空遮罩
Unity 图片镂空效果
LFJINNAN的博客
08-02 631
更改 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中实现引导的镂空效果
L的博客
02-11 6115
一：实现思路 创建有8个顶点的Mesh，内外边界都是四边形(矩形)。只生成内、外边之间的Mesh，内层矩形就产生了镂空部分，外层的４个顶点，是组件自身RectTransform的四个顶点，内层的４个顶点，使用镂空目标(_target)RectTransform的四个顶点。确定内层的顶点的时候需要注意，多数情况下_target和HollowOutMask都不在同一个本地坐标空间，所以需要使用C...
【Unity 实用工具篇】✨ | Tutorial Master 2 游戏引导教程 功能深入学习
努力前行，总会成为自己心中的那道光
07-24 1万+
新手教程是大部分游戏都会有的一个需求，可以帮助玩家更快的上手游戏，避免被不懂操作而被开局就劝退。 Tutorial Master 2 是一个编辑器扩展插件，创建游戏互动教程会非常的快速和容易！ 前面写了一篇文章讲了怎样快速创建一个引导教程，那本篇文章就来深入学习下关于Tutorial Master 的更多知识。
Tutorial Master 2⭐二、初次使用：一起完成一个简单的游戏引导
星河造梦坊
02-01 1006
『星河造梦坊信息科技』专注于U3D技术的前沿应用。提供多元化的商务合作机会，涵盖AI、WebAR、AR、VR、游戏开发、虚拟仿真等领域。期待与您携手，共创创新未来。商务合作请联系V：skode521。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

呆呆敲代码的小Y

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

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

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

打赏作者

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

抵扣说明：

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

余额充值