实现3D模型显示在UI层上面

最新推荐文章于 2023-10-17 15:56:54 发布
原创 最新推荐文章于 2023-10-17 15:56:54 发布 · 3k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#3d #ui

本文介绍了作者如何使用两个正交摄像机在2D游戏中实现UI与3D模型的分层显示，通过不同的摄像机设置达到UI盖过模型且背景UI被模型遮挡的效果，适合希望精细控制UI层级的开发者。

在网上搜了很多发现都实现不了我要的结果，故而只能自己做了。方法很简单
因为我的游戏是2D游戏，于是我用了两个正交摄像机（orthigraphic）
第一个摄像机，用来照射UI，第二个摄像机用来照射模型。
在这里插入图片描述
这是第一个摄像机，照射的Canvas,右上角layer只显示UI层
在这里插入图片描述
——————————————————分界线——————————————————————
在这里插入图片描述
这是第二个摄像机，照射的是3D模型，以及用Image图片和3D混搭的界面。
在这里插入图片描述
这是第二个摄像机的设置。

那么问题来了，为什么要这么设置呢？
我遇到的问题是这样的，首先我做的是2D游戏，那么我需要一个UI界面，这个UI界面必须盖住3D模型，但是呢，我又需要一个背景UI被3D模型遮挡，那么需要实现的效果就是

界面UI >> 3D模型 >> 背景UI

这个实现的是3层分离，各位各取所需吧，如果至是单单要3D模型显示在UI上面，就简单多了，如图下
在这里插入图片描述
细节在于需要设置Canvas如图下

在这里插入图片描述

好，这次的UI分层显示模型就到这了，如果各位有更好的方法，可以跟我分享一下哦，谢谢

【虚拟仿真】Unity3D中如何实现让3D模型显示在UI前面
CSDN博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。
11-12 9151
推荐阅读 CSDN主页 GitHub开源地址 Unity3D插件分享 简书地址 我的个人博客 QQ群：1040082875 大家好，我是佛系工程师☆恬静的小魔龙☆，不定时更新Unity开发技巧，觉得有用记得一键三连哦。 一、前言 最近有小伙伴在群里问我，如何将3D模型显示在UI前面，比如这样： 我心想使用RawImage进行映射不就行了，结果变成了这样： 让我恨铁不成钢，所以，就总结了这篇文章，希望可以对小伙伴有些帮助。 这篇文章讲解使用两种方法实现3D模型在背景图前： 1、使用UI摄像机 2、.
【unity游戏开发入门到精通——UGUI】分享三种不同的办法实现将模型或粒子显示在UGUI之前
向宇
05-01 1475
如何给UGUI添加粒子特效？要实现这个功能，首先要解决的问题就是如何将粒子显示在UGUI之前。其实无论是粒子还是模型，都是游戏中的3D物体，实现方法都是一样的。所以我下面就以模型为例，分别使用三种不同的办法实现模型或粒子显示在UGUI之前。
UI上展示3d模型
shuai1210的博客
06-04 738
好记性不如烂笔头，记一下方便以后翻阅。 在一些游戏中有些界面需要展示3d模型，并且可以进行旋转等操作，例如装备展示，英雄信息等界面，一方面要展示UI信息，一方面要展示角色模型。解决这种问题最简单粗暴的就是直接设置两个摄像机，每一个UICamera，一个3d模型Camera，然后摄像机成像进行叠加，但是这样的话可能有一些UI层级的问题，今天文章记录的是另一种方式来展示3d模型。 创建一个Rend...
UI显示场景中的3D模型人物
ppkk07230215的博客
02-02 484
如何实现UI显示3d模型
Unity UGUI ui上显示3D模型游戏物体
07-16
助力快速利用 UGUI 完成 3D 物体在 UI 界面的显示,UnityUi显示3D物体/模型，控制物体旋转，转动全教程-超简单,游戏开发过程中，我们时长会需要把 3D 游戏对象/模型显示在 UI 界面上 例如王者荣耀上的人物选择，可以旋转、交互、控制 例如商城购买时，我们可以旋转人物，看时装效果是否令我们满意 那么我们开发者就需要做到，让UI元素来显示3D模型/游戏对象，供玩家控制使用 教程地址：https://blog.csdn.net/ChinarCSDN/article/details/81058773
UI界面显示3D物体问题.(Render Texture)
Allen_ZGD的博客
06-02 1538
上面这个是我用的背景.需要的可以在下载下来放在Project工程里面.记得把他的渲染改程Sprite(2D and UI) 然后Apply.第一步:在面板上创建一个UIPanel.把上面的图片渲染进去.第二步:创建一个Capsule.并放在相机视野下面.现在能在Game模式下看到的样子是:第三步: 在Project面板下面创建一个Render Texture.第四步:在面板中创建Row Image...
【转载】如何在UI之间正确的显示3D模型
an050602的博客
10-29 721
我们在做角色渲染时，通常会遇到一种情况，就是在ui与ui之间显示一个模型。而我们模型是用3d渲染的，如果直接放一个模型上来。那么就会导致要么模型永远在ui上面，要么ui永远在模型上面，达不到我们想要的模型夹在两个ui之间的效果。 要做到这个效果，就会考虑到用rt来解决，具体就是在一个ui上的一个节点上创建一个UITexture 这个UITexture关联一个rt（可以动态创建或静态指定），并给他一个shader（注意这个shader很关键） 然后我们要在渲染3d模型的摄像头上关联rt和要渲...
Unity实现模型显示在UI前面
chengsir_001的博客
03-24 1853
想必我们在unity中都遇到敌人血条穿透玩家模型的问题，也翻阅了很多博主的解决方案，但好像都有些繁琐，所以我这边推荐一个简单一些的方法，没有代码，纯操作设置
【Unity】实用功能开发（一）实现在UI中用RawImage实时展示3D模型（背景透明，并通过UI防止3D场景遮挡）并可以通过分层完成：游戏中的人物状态展示界面，小地图，人物实时头像状态等功能
CJQmiao的博客
10-17 2982
有时由于项目效果需要，部分功能的实现受到阻碍，这里收集一些已实现的思路和方法，每次会记录大致需求和遇到的问题，如果有更好的想法，欢迎评论区讨论！！！ 项目是一个整体物品，如：建筑，需求是要在点击建筑的某些特定地方时，展示对应的特有结构模型，若是放在3D场景下，不用特定摄像机渲染展示，会受到距离和遮挡的影响。 所以，需要在场景中特定位置加摄像机，渲染出RenderTexture，UI中用RawImage展示3D模型，这样更方便于我们后期的展示
fgui试衣间人物模型显示在ui上面
最新发布
06-10
我们正在使用FairyGUI（fgui）框架来实现一个试衣间功能，目标是将3D人物模型显示在UI上。由于FairyGUI主要用于2DUI，显示3D模型需要一些特殊处理。常见的做法是将3D模型渲染到一张纹理上，然后将该纹理作为UI的一...
如何在UI之间正确的显示3D模型
llsansun的博客
01-28 2277
        我们在做角色渲染时，通常会遇到一种情况，就是在ui与ui之间显示一个模型。而我们模型是用3d渲染的，如果直接放一个模型上来。那么就会导致要么模型永远在ui上面，要么ui永远在模型上面，达不到我们想要的模型夹在两个ui之间的效果。 要做到这个效果，就会考虑到用rt来解决，具体就是在一个ui上的一个节点上创建一个UITexture 这个UITexture关联一个rt（可以动态创...
laya加载3d后UI看不到的问题
yffgamestart的博客
12-01 1829
成功加载3d物体后，ui看不到，这个时候打开调试面板 确定，f5调试 我的没有出现，但是可以写代码控制ui显示 (Laya.stage.getChildAt(0)as Laya.Sprite).zOrder=1; 原因：将scene3D加到stage后，UI层变成了0，scene3D的zorder为1，这个时候就看不到舞台了， 需要将UI层的zorder变成1，这样，scene3D就变成了...
实现3d物体与Ugui的混合显示
学习永无止境的博客
03-14 1893
1.在Ugui上显示3d物体 2.解决Ugui与3d物体的层级关系 第一步 我们先在Hierachy面板创建个父物体，改名为“Model” 第二步 在“Model”下创建新“Camera” 并修改“Clear Falgs”属性为“Solid Color”, 去除“Audio Listener”组件（防止多余音频监听报警告） 第三步 将准备好的3d物体放在“Model”下。然
Laya实现控制杆控制3D模型旋转
Zmikoo学习之路
12-13 3082
export default class JoyStick{ constructor(mod){ this.model = mod;// 模型 this.scale = Laya.Browser.width / 1920; this.rockerBtnOrigin = new Laya.Point(100 * this.scale, 100 ...
VR开发中3D物体遮挡UI的解决方法
qq_39484391的博客
05-28 4244
1、下载或复制要用的Shader代码Shader来源博客地址：http://blog.csdn.net/u013032852/article/details/776422622、导入Unity中或新建脚本3、使用新建一个Material，直接把shader托给Material，完成赋值4、使用环境和使用效果效果在制作VR内容时，通常使用的都是UGUI，一般会将Canvas的render mode设...
UE4创建3D场景中的UI方法及在UI上面显示三维物体
热门推荐
Jeson_DeveloperWX
12-29 1万+
学习链接https://docs.unrealengine.com/latest/CHN/Engine/UMG/HowTo/InWorldWidgetInteraction/index.html 使用BP在场景中显示三维文字通过Widget组件就可以实现这个功能。 1、实现在UI上面显示三维物体一下步骤详细介绍： 首先创建BP，添加组件为静态网格，这里选择为Cube进行测试。再次创建蓝图类父类
UE4物体显示在UI上，mesh on UI or Widget
weixin_42145757的博客
02-03 1458
https://engineunreal.wordpress.com/2015/04/21/render-3d-objects-in-umg-widget-hud/
unity 将3D物体显示在UI前面（保姆级 超容易）
weixin_44099953的博客
10-25 4395
在做UI展示的时候，经常需要将3D物体展示到UI平面上，这里就是教大家怎样将3D物体放到UI上。
Unity渲染在所有层之上的shader
沈夕林的博客
02-01 1717
Shader "UI/Default_OverlayNoZTest" { Properties { [PerRendererData] _MainTex("Sprite Texture", 2D) = "white" {} _Color("Tint", Color) = (1,1,1,1) _StencilComp("Stencil Comparison", Float) =
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值