Unity3D自学笔记——UGUI 利用遮罩显示3D人物（物体）

最新推荐文章于 2024-06-23 17:08:50 发布
最新推荐文章于 2024-06-23 17:08:50 发布
阅读量5.7k 收藏 15
点赞数 1
分类专栏： Unity3D 文章标签： unity3d
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/alistair_chow/article/details/53109680
版权

UGUI 利用遮罩显示3D人物（物体）

效果图

这里写图片描述

实现步骤

创建你要显示的图片

首先建立一个相机，然后一个背景，然后一个你要拍摄的对象，一个背景
这里写图片描述
新建一个Render Texture, 将他添加至相机Target Texture属性中，这里命名为Player，意思是相机所拍摄的图像将渲染显示在Player上面

相机设置如下
这里写图片描述
选中相机，从预览图中已经看到你要生成的图片已经做好了，然后就是怎么放在UGUI里面了
这里写图片描述

在UGUI界面中显示
添加一个RawImage, 并将Texture属性设置为Player
这里写图片描述
这是你会发现，你要的画面已经显示在UGUI界面上了，但是缩放比例会变形，而且画面在其他物体之上，所以需要在图片外层加一个Mask用来限制Raw Image的显示范围
这里写图片描述

Panel添加Mask组件
这里写图片描述

这时会发现，Raw Image超过Panel的部分将不被显示
这里写图片描述
搞定，小地图也是如此

alistair_chow
关注
  • 1
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Unity UGUI ui上显示3D模型游戏物体
07-16
助力快速利用 UGUI 完成 3D 物体在 UI 界面的显示,UnityUi显示3D物体/模型，控制物体旋转，转动全教程-超简单,游戏开发过程中，我们时长会需要把 3D 游戏对象/模型显示在 UI 界面上 例如王者荣耀上的人物选择，可以旋转、交互、控制 例如商城购买时，我们可以旋转人物，看时装效果是否令我们满意 那么我们开发者就需要做到，让UI元素来显示3D模型/游戏对象，供玩家控制使用 教程地址：https://blog.csdn.net/ChinarCSDN/article/details/81058773
Unity建立粒子系统和3D模型的遮罩
chuangpeng7633的博客
08-28 3382
Unity2017之后提供了SpriteMask组件。 建立一个SpriteRenderer并加上SpriteMask组件，如下图： 注意要让Front的order in layer大于Back的。然后粒子系统的Masking勾选上Visible Inside Mask，如下图： ...
Unity UGUI的Mask（遮罩）组件的介绍及使用
最新发布
Oona_01的博客
06-23 873
Mask组件通过将子对象与遮罩对象进行比较，只显示与遮罩对象重叠的部分，从而实现遮罩效果。Mask Interaction：遮罩对象的交互方式，可选择None、Visible Inside Mask和Visible Outside Mask。创建一个RawImage对象作为子对象，设置其图片为需要显示的图片。创建一个RawImage对象作为子对象，设置其图片为需要显示的图片。创建一个RawImage对象作为子对象，设置其图片为需要显示的图片。创建一个Image对象作为遮罩对象，设置其形状为圆形。
【u3d泰斗破坏神】04 --- UGUI上显示3D人物模型
醉翁亭
04-26 1708
首先创建UI背景，再将要展示的3d物体拖到UI背景前 在将我们的主相机culling Mask改为Everyting, 渲染对象一定要包括你这个3d模型。 再将canvas属性中的Render Mode属性改为Screen Space-Camera，再将Main Camera赋值给Canvas中的Render Camera 自行再调整下模型的距离，查看我们的Game窗口，在UI前...
UGUI上展示3d模型
newQIanMo的博客
03-29 8296
如何在UGUI的panel前面展示3D物体。 1、首先创建UI背景，再将要展示的3d物体拖到UI背景前 在scene下的效果，这就是我们想要展示在Game视图中的效果 可是在game视图中却没有显示我们想显示的Cube 2、接下来，使Cube的Layer和背景一样为UI层， 3、在将我们的主相机culling Mask改为UI,如果你还想渲染其他层的物体，可以根据需要该为
unity3d UGUI多层级面板显示多个3D模型
kentlve的博客
07-13 1710
当前项目，直接用3d模型放到ui上，由于同时会出现多个界面堆叠，存在多个模型的情况，层级处理相当麻烦。 所以，下面就记录下采用Rendertexture方式显示多模型的策略。 主要的想法就是用一个独立camera获取指定CullingMask的显示，利用Rendertexture获取相机图像，然后再使用RawImamge显示到UI上。 上面的camera，Rendertexture，RawImamge显示单个模型的方式，就不做过多介绍了。下面主要来说一下实现多个...
Unity功能记录(十一) ------ 实现3D模型遮罩效果
千喜
12-22 1万+
事情是这样的,之前呢,用Sprite Mask做了遮罩效果,但是,老板想要月球来回转动,就不能用图片转动,只能用UI了,那相应的,遮罩怎么办呢,老板也是神人,给我指了一条新的思路,就是将3D遮罩转化成2D遮罩,不过放在手机上卡成狗,幸好群里大佬ific指点了一下遮罩的shader,效果不错,在此将两种方法都分享出来~ 一.使用RenderTexture渲染成Sprite,然后使用Sprite M...
Unity（三）--导入3d模型并实现UGUI界面上嵌入3d模型
Yyuanyuxin的博客
02-24 1409
ps:Skybox和Solid Color都有清除上一帧颜色缓冲的功能，而depth only和Dont clear都没有清除颜色缓冲的功能。以防我们显示的内容变形，我们要根据显示图片的大小设置Render Texture的Size。Size越大越清楚哦，但是同样耗费性能。先简单添加一个image，本例中命名为Panel_back，调整到合适大小位置。设置3d模型的Layer层为Model(命名自定义)，先添加。设置成合适大小，即可看到它出现在视野中。能看到对应对象的材质和组合都出现在这里。
UGUI UI界面显示3D物体以及粒子特效
MySQL与Unity交互
10-26 6336
        年初更新过NGUI相关内容，由于NGUI的版本停留过久，UGUI的开发热度不断上升，最近接触更多的是UGUI。那么在接触UI界面进行3D模型、粒子特效与UI界面相互穿插的时候进行一些相关的方案总结。         对于NGUI拥有UI界面的独立相机以及清晰的层级控制，但是UGUI这方面集成的效果还是不及格的，很多内容需要自己手动设置，对于3D与UI的相互穿插大致上分两个常用的方...
Unity_UGUI_如何在UI界面上显示3D物体
weixin_42137574的博客
09-24 4426
1.新建一个游戏场景 2.右键 --> UI --> Image 创建一个图片 用来做界面的背景图片 3.把图片 拖到 图片Image组件上的Source Image属性上 4.设置Main Camera Main Camera的Clear Flags 设置为Depth only Main Camera的Culling Mask 的 Default 的勾去掉 让它不...
实现3d物体与Ugui的混合显示
学习永无止境的博客
03-14 1793
1.在Ugui上显示3d物体 2.解决Ugui与3d物体的层级关系 第一步 我们先在Hierachy面板创建个父物体，改名为“Model” 第二步 在“Model”下创建新“Camera” 并修改“Clear Falgs”属性为“Solid Color”, 去除“Audio Listener”组件（防止多余音频监听报警告） 第三步 将准备好的3d物体放在“Model”下。然
【Unity3D-UGUI应用篇】（四）使用UGUI弹窗显示模型及弹窗模型交互
CSDN博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。
09-06 6382
推荐阅读 CSDN主页 GitHub开源地址 Unity3D插件分享 简书地址 我的个人博客 QQ群：1040082875 大家好，我是佛系工程师☆恬静的小魔龙☆，不定时更新Unity开发技巧，觉得有用记得一键三连哦。 一、前言 前段时间分享了UGUI的每个组件的属性和使用方法，比如Text、Button、Image、Toggle、InputField、ScrollView等等。 接着分享了UGUI的一些原理，比如说UGUI的渲染模式、UGUI的缩放计算、UGUI的描点定位、UGUI的自动布局等等。.
【Unity】UI界面展示3D模型
萧然
09-10 8924
方法一： 使用RenderTexture。RawImage作为UI元素可随意调节显示层级（即UI子物体先后顺序），适合将3D物体投影到局部UI界面。 1. Project中创建RenderTexture； 2. UI新建RawImage，设置Texture为RenderTexture； 3. 3D物体Cube标记Layer为"Cube"； 4. 新建相机，设置ClearFlags、CullingMask，设置TargetTexture为RenderTexture。 方法二： 直接使..
Unity_UGUI_如何在UI界面上显示3D物体(方式二)
weixin_42137574的博客
09-24 5547
首先新建一个场景 1.右键 --> UI --> Image 新建一个图片 作为背景图片 2.给Image 指定背景图片 3.在Canvas 下新建一个 Raw Image 4.再 新建一个摄像机 5.再新建一个 游戏物体 Cube 6.在 Project 新建一个 Render Texture 7.把 Render Texture 拖拽到 C...
Unity中在界面上显示3D模型的方法
各研发管理
03-29 2844
我们在mmo中通常会有在GUI上面显示一个3D模型的需求，比如查看人物装备的界面。我网上搜索了下，搜到的结果都是直接绑定一个模型到UI的指定位置，最多添加一个摄像机以便控制2d渲染和3d模型渲染的先后层次关系。NGUI和Daikon Forge的Demo中也是这么做的。这么做比较直接简单，通过一个新的摄像机并指定渲染内容和层级确实也可以一定程度上解决模型和GUI的遮挡问题。但是这个方法并不...
unity ugui显示模型_Unity之UGUI
weixin_39880301的博客
12-11 628
UGUI是Unity官方的UI实现方式，是一个开源系统，利用游戏开发人员进行游戏界面开发。UGUI系统有3个特点：灵活、快速、可视化。对于游戏开发者来说，UGUI运行效率高，执行效果好，易于使用，方便扩展，与Unity 3D兼容性高。UGUI控件之CanvasCanvas是画布，是摆放所有UI元素的区域，在场景中创建的所有控件都会自动变为Canvas画布对象的子对象，若场景中没有画布，创...
Unity实现物体逐渐消失（逐渐出现）
热门推荐
dly215011的博客
10-03 2万+
原理很简单，就是通过改变目标物体的Alpha值。但是要求材质的类型是Transparent/Diffuse 有用的地方在代码中标注了，直接贴代码 using UnityEngine; using System.Collections; public class Fade : MonoBehaviour { float tempTime; void Start() {
Unity 中 3D 模型和 UGUI 进行融合
Vampire的博客
07-23 2336
Canvas 下创建 UI 相机，Canvas 修改为 Screen Space-Camera 模式，新建相机拖入其中。 3D 模型新创建一个相机，进行照射。 修改两个相机 Clear Flags 模式为 Depth only，才能通过 Depth 控制两个相机渲染顺序，将 3D 物体渲染到 UGUI 前面。 注意：场景中保留主相机不要动，否则可能出现渲染上的一些 Bug。照射 3D 模型就...
UnityShader_UI从上往下从左往右渐变出现
StephenCurryLiu的博客
10-21 939
这是在学习UnityShader已经有几个月了，从刚开始开shder代码像看天书一样的小白，到现在略懂一二的入坑新人，一路走来体会到了shader神奇的力量。这次是我首次针对项目需求实现的shader，实现UI从上往下渐变，心里还是有点小小窃喜 哈哈哈哈。
Unity3D uGUI实战指南： Francesco Sapio
"Unity3D UI框架uGUI的详细介绍，由Francesco Sapio撰写，包含超过60个创建专业且精致游戏界面的配方，旨在提升游戏沉浸感。" 《Unity UI Cookbook》是Francesco Sapio于2015年出版的一本专著，专门针对Unity3D的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值