Unity实现新手引导镂空效果
本文实例为大家分享了Unity实现新手引导镂空效果的具体代码，供大家参考，具体内容如下
一、实现思路
创建有8个顶点的Mesh，内外边界都是四边形(矩形)。只生成内、外边之间的Mesh，内层矩形就产生了镂空部分，外层的４个顶点，是组件自身RectTransform的四个顶点，内层的４个顶点，使用镂空目标(_target)RectTransform的四个顶点。确定内层的顶点的时候需要注意，多数情况下_target和HollowOutMask都不在同一个本地坐标空间，所以需要使用CalculateRelativeRectTransformBounds计算出HollowOutMask空间下坐标
这种镂空的表现，可以稍稍提高下性能。因为镂空的位置不参与渲染，Overdraw会降低
UGUI提供了ICanvasRaycastFilter接口，我们实现IsRaycastLocationValid方法，就可以很方便的控制HollowOutMask是否要拦截下在某一点触发的事件
二、这个组件的作用
这个组件做了两件事情：表现上镂空一块区域和不拦截镂空范围上的事件
三、代码实现
usingUnityEngine; usingUnityEngine.UI; //////实现镂空效果的Mask组件 /// publicclassHollowOutMask:MaskableGraphic,ICanvasRaycastFilter { [SerializeField] privateRectTransform_target; privateVector3_targetMin=Vector3.zero; privateVector3_targetMax=Vector3.zero; privatebool_canRefresh=true; privateTransform_cacheTrans=null; //////设置镂空的目标 /// publicvoidSetTarget(RectTransformtarget) { _canRefresh=true; _target=target; _RefreshView(); } privatevoid_SetTarget(Vector3tarMin,Vector3tarMax) { if(tarMin==_targetMin&&tarMax==_targetMax) return; _targetMin=tarMin; _targetMax=tarMax; SetAllDirty(); } privatevoid_RefreshView() { if(!_canRefresh)return; _canRefresh=false; if(null==_target) { _SetTarget(Vector3.zero,Vector3.zero); SetAllDirty(); } else { Boundsbounds=RectTransformUtility.CalculateRelativeRectTransformBounds(_cacheTrans,_target); _SetTarget(bounds.min,bounds.max); } } protectedoverridevoidOnPopulateMesh(VertexHelpervh) { if(_targetMin==Vector3.zero&&_targetMax==Vector3.zero) { base.OnPopulateMesh(vh); return; } vh.Clear(); //填充顶点 UIVertexvert=UIVertex.simpleVert; vert.color=color; Vector2selfPiovt=rectTransform.pivot; RectselfRect=rectTransform.rect; floatouterLx=-selfPiovt.x*selfRect.width; floatouterBy=-selfPiovt.y*selfRect.height; floatouterRx=(1-selfPiovt.x)*selfRect.width; floatouterTy=(1-selfPiovt.y)*selfRect.height; //0-Outer:LT vert.position=newVector3(outerLx,outerTy); vh.AddVert(vert); //1-Outer:RT vert.position=newVector3(outerRx,outerTy); vh.AddVert(vert); //2-Outer:RB vert.position=newVector3(outerRx,outerBy); vh.AddVert(vert); //3-Outer:LB vert.position=newVector3(outerLx,outerBy); vh.AddVert(vert); //4-Inner:LT vert.position=newVector3(_targetMin.x,_targetMax.y); vh.AddVert(vert); //5-Inner:RT vert.position=newVector3(_targetMax.x,_targetMax.y); vh.AddVert(vert); //6-Inner:RB vert.position=newVector3(_targetMax.x,_targetMin.y); vh.AddVert(vert); //7-Inner:LB vert.position=newVector3(_targetMin.x,_targetMin.y); vh.AddVert(vert); //设定三角形 vh.AddTriangle(4,0,1); vh.AddTriangle(4,1,5); vh.AddTriangle(5,1,2); vh.AddTriangle(5,2,6); vh.AddTriangle(6,2,3); vh.AddTriangle(6,3,7); vh.AddTriangle(7,3,0); vh.AddTriangle(7,0,4); } boolICanvasRaycastFilter.IsRaycastLocationValid(Vector2screenPos,CameraeventCamera) { if(null==_target)returntrue; //将目标对象范围内的事件镂空（使其穿过） return!RectTransformUtility.RectangleContainsScreenPoint(_target,screenPos,eventCamera); } protectedoverridevoidAwake() { base.Awake(); _cacheTrans=GetComponent(); } #ifUNITY_EDITOR voidUpdate() { _canRefresh=true; _RefreshView(); } #endif }
四、使用说明
将以上组件挂载到有RectTransform组件的游戏物体身上，设置Color的颜色以及Target区域的大小即可
——此组件挂载的游戏物体身上只能有一个继承Graphics类的组件
——若自定义添加Image控制Target区域大小，记得将Image的Alpha设置为0并且取消射线检测
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。