【Unity】镂空图片射线不遮挡

最新推荐文章于 2024-08-02 10:59:43 发布

Mediary

最新推荐文章于 2024-08-02 10:59:43 发布

阅读量788

点赞数

分类专栏： Unity 文章标签： unity 游戏引擎

本文链接：https://blog.csdn.net/mediary/article/details/126497990

版权

Unity 专栏收录该内容

87 篇文章 16 订阅

订阅专栏

如图,外围米黄色的图片中间部分是透明的,想让中间部分不遮挡射线,从而使透明区域部分的组件可以响应点击事件
在这里插入图片描述

// 将图片的alpha命中最小阈值调成0.5,透明度在0.5以下的区域都不会遮挡射线
GetComponent<Image>().alphaHitTestMinimumThreshold = 0.5f;
// 同时,需要将该图片的可写入属性打开,并且该图片不能打包图集

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Mediary

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Unity中实现引导的镂空效果

L的博客

02-11

5883

一：实现思路创建有8个顶点的Mesh，内外边界都是四边形(矩形)。只生成内、外边之间的Mesh，内层矩形就产生了镂空部分，外层的４个顶点，是组件自身RectTransform的四个顶点，内层的４个顶点，使用镂空目标(_target)RectTransform的四个顶点。确定内层的顶点的时候需要注意，多数情况下_target和HollowOutMask都不在同一个本地坐标空间，所以需要使用C...

Unity射线

ying1228475251的博客

02-26

4639

Debug.DrawLine(transform.position, transform.position + transform.forward, Color.red);//绘制一条红色的射线起点-终点 Debug.DrawRay(transform.position, transform.forward, Color.green);//绘制一条绿色的射线起点-方向 ////从原点发射一条射线 ...

参与评论您还未登录，请先登录后发表或查看评论

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镂空图像做法

weixin_45218342的博客

04-29

999

现在要完成一个需求，即镂空中间部分的image，外围image可以定义颜色并可选屏蔽点击，而中间的image需要透明且可以穿透，必须不能屏蔽点击。

Unity 图片镂空效果

最新发布

LFJINNAN的博客

08-02

426

更改 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。

unity3D 引导（镂空）

qq_57896821的博客

01-12

3215

已经好久没写博客今天我写新手必须写的新手引导（注：本文出自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实现新手引导镂空效果

08-25

主要为大家详细介绍了Unity实现新手引导的镂空效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

Unity射线与UI碰撞检测

11-11

结合博客，实现了UI与射线的碰撞检测。当枪口对准UI的时候，UI显示边框，点击鼠标左键，触发按钮对应的函数

Unity实时遮挡剔除无需烘焙

09-04

"实时遮挡剔除"技术就是为了解决这个问题，它可以在不进行预处理烘焙的情况下，动态地识别并忽略那些被遮挡的物体，从而显著降低渲染开销，提高游戏性能。实时遮挡剔除主要涉及到以下几个关键概念： 1. **遮挡...

Unity3D Ray射线

08-24

总结，Unity3D的Ray射线是游戏开发中不可或缺的一部分，熟练掌握其用法和优化技巧，能显著提升交互体验和性能。通过实践项目如"RayTest"，你可以更好地理解和运用这些概念，提升Unity开发能力。

【Unity】UGUI Image图片的遮挡关系

qq_22489919的博客

01-23

4418

两种方式改变图片遮挡关系：方法一：直接拖方法二：代码

Unity用Shader实现图片的区域遮罩，支持半透明，实现地图动态上色功能，示例项目

02-07

具体文章在 http://blog.csdn.net/zhenmu/article/details/79281381 一个项目，做世界地图时，希望未开启的地块是线稿，新地块开启时，做一个上色处理。想到的方案就是：上了色的彩图盖在线稿上，然后用mask 控制彩图的局部显隐。然后用mask不同的颜色来区分不同的色块，控制是否需要显示。涉及到颜色的位操作。

Unity使用反向遮罩实现镂空shader

Tel17610887670的博客

02-01

894

2，使用两张image，遮罩层在父节点，被遮罩层在子节点，然后分别添加材质球与镂空图片。

Unity Shader - 模板简单测试 - 实现镂空/遮罩、描边

Jave.Lin 的学习笔记

07-08

5713

关于Unity的模板缓存介绍，可查看之前翻译的一篇： Unity Shader - ShaderLab: Stencil 模板（缓存）以下的例子实现方式有多种多样，这里为了做示例测试，制作其一一种。镂空/遮罩镂空 Masker：确定屏幕空间中间，需要镂空的像素的位置，通常绘制对应形状的图元就好，将模板缓存值设置为1（ref 1，comp always（comp always是defau...

Unity ASE案例解析—2Sided（镂空效果，内外颜色分开效果）

qq_40120946的博客

01-08

2375

效果图：一、Cube内外部颜色外形分开渲染效果 1、正面效果： 2、背面效果 3、拆分正反面 Dot结点计算两个向量A和B之间的点/内积。它在几何上表示两个向量之间形成的角度的余弦值乘以彼此的长度。换句话说，它输出每个向量通道的乘法和。Pe如果A和B是Vector3，则结果为Ax * Bx + Ay * By + Az * Bz。如果A和B的频道数...

unity--新手引导+ugui镂空遮罩

学海无涯

05-10

1195

unity---新手引导+ugui镂空遮罩

Unity UGUI引导镂空效果，添加背景遮罩带内倒角镂空

关大弓的博客

06-27

2588

在网上找了找有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:/

Unity2D图片被画布遮挡怎么办

07-14

如果在Unity2D中，图片被画布（Canvas）遮挡了，你可以尝试以下几种方法来解决： 1. 调整渲染顺序：在Unity的层级视图中，可以通过拖拽调整物体的顺序来改变它们的渲染顺序。将被遮挡的图片移动到上层，使其在画布上方渲染。 2. 使用Sorting Layer和Order in Layer：在图片的Sprite Renderer组件中，可以设置Sorting Layer和Order in Layer属性来控制渲染顺序。将被遮挡的图片设置在较高的Sorting Layer，并且调整Order in Layer的值使其在画布上方渲染。 3. 通过调整画布的渲染模式：在画布的Canvas组件中，可以尝试调整渲染模式来解决遮挡问题。例如，将渲染模式从Screen Space - Overlay改为Screen Space - Camera，并且将Render Camera属性设置为相机对象。 4. 调整物体的层级关系：将被遮挡的图片放在不同的层级下，以避免被画布遮挡。可以创建一个新的空物体作为父物体，并将被遮挡的图片作为子物体放置在其下面。这些方法可以帮助你解决图片被画布遮挡的问题。根据具体情况选择适合的方法进行调整，以确保图片能够正确地显示在画布上方。