Unity3DUI技巧:将3D物体挂载在UGUI上,并实现遮罩等效果

时间:2024-04-14 18:16:31

需求大概如下图所示:

1,3D物体挂载在Scroll View上,并能随之滑动;

2,按钮图标在3D物体之前,背景在3D物体之后

Unity3DUI技巧:将3D物体挂载在UGUI上,并实现遮罩等效果

 

处理思路:

1,通常情况下,我们将UI总Canvas改成摄像机模式,然后将3D物体拖到相应子节点,3D物体就可以被UI渲染

Unity3DUI技巧:将3D物体挂载在UGUI上,并实现遮罩等效果

Unity3DUI技巧:将3D物体挂载在UGUI上,并实现遮罩等效果

大概效果如下

Unity3DUI技巧:将3D物体挂载在UGUI上,并实现遮罩等效果

2,接下来我们给Cube下面的Image加上canvas属性,最终效果如下:

Unity3DUI技巧:将3D物体挂载在UGUI上,并实现遮罩等效果

 

从而实现了如开头所提的需求,当然,如果其他地方也需要与3D物体做相关处理,只需继续加Canvas即可。

 

本篇博客的核心思想是,通过给子节点物体添加canvas(画布)属性、将3D物体当做子节点处理,然后通过调节UI与3D物体的Z轴,从而实现3D物体在UGUI上随之运动、遮罩等效果。