NGUI UICamera组件：摄像机控制

已于 2024-09-11 23:35:29 修改
阅读量800 收藏 29
点赞数 14
分类专栏： # UI 文章标签： Unity精品插件 Unity精品资源 Unity精品源码
于 2024-07-31 21:46:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/UnityBoy/article/details/140832997
版权

📂 Unity 开发资源汇总 | 插件 | 模型 | 源码

💓 欢迎访问 Unity 打怪升级大本营

在Unity中使用NGUI（Next-Gen UI）构建用户界面时，UICamera是一个关键组件，它负责管理UI元素的摄像机视角和渲染。UICamera确保UI在不同设备和屏幕尺寸上正确显示，同时提供深度控制和摄像机效果。本文将深入探讨UICamera的作用、特性以及如何在你的Unity项目中使用它。

在这里插入图片描述

NGUI 最新版 下载地址

华丽的分割线

文章目录


标题1

💯 UICamera简介

UICamera是NGUI中用于处理UI渲染的摄像机组件。与传统的摄像机不同，UICamera专注于2D渲染，并且可以独立于场景摄像机工作。它可以设置为只渲染特定的UI层次或深度。

核心特性

  • 独立的摄像机视角：为UI元素提供独立的视图和投影。
  • 深度控制：控制UI元素的渲染顺序，确保正确的覆盖和层级关系。
  • 屏幕适配：自动适应不同分辨率和屏幕尺寸。
  • 效果应用：支持多种摄像机效果，如模糊、色彩调整等。

标题2

💯 组件详解

在这里插入图片描述
Event Mask 决定了哪些游戏对象层将能够接收事件。在大多数情况下，您可以将其保留在“Everything”上，因为此值与UnityEngine.Camera的Culling Mask结合使用，但如果您愿意，可以对其进行微调。如果您更改了包含 UI 层次结构的游戏对象的 Layer，请务必调整 Event Mask，否则您将突然发现 UI 不再响应事件。

Debug 选项可用于调试鼠标下当前的内容。如果您在单击某个按钮时无法弄清楚是什么在拦截鼠标事件，只需打开此选项，您就可以在右上角看到它。

Allow Multi-Touch 选项控制是否支持多次触控。如果关闭，多次触摸都将被视为一次触摸。

Sticky Tooltip 选项可微调工具提示行为。如果关闭，则一旦鼠标再次移动，工具提示就会隐藏。如果设置为开，则当鼠标悬停在同一对象上时，工具提示将保持打开状态。

Tooltip Delay 控制鼠标停止在某个对象上移动与发送到该对象的 OnTooltip 通知之间的延迟。此值以秒为单位。

Raycast Range 控制光线投射的长度，在大多数情况下，可以安全地忽略此值。此值以世界单位表示，因此，如果您的相机的近剪切为 0.3，远剪切为 1000，则您和您发现某些远处的物体对点击没有响应，请将此值设置为类似于 2000（大于相机的远剪裁平面和近剪裁平面之间的差异）。

在这里插入图片描述
Event Sources 部分控制将处理的事件类型。如果其中一个选项处于关闭状态，则将不再处理这些事件。某些平台会强制禁用特定事件在引擎盖下。例如，定向主机将自动关闭鼠标和触摸事件。

在这里插入图片描述
**Thresholds ** 部分，您可以通过调整单击、拖动和点击事件的阈值来微调鼠标和触摸事件的行为方式。这些值以像素为单位。

在这里插入图片描述
Axes and Keys 部分允许您选择哪些轴导致哪种运动。这些轴应与项目的输入管理器中的名称匹配。“平移”轴用于滚动和调整滑块等元素。通常使用 360 度控制器，您会将左摇杆设置为“导航”，将右摇杆设置为“平移”。这将允许您使用左控制杆导航 UI，并使用右控制杆与滑块、滚动条和滚动视图等 UI 元素进行交互。

提示1

UICamera 向碰撞器发送以下事件：

  • 当鼠标悬停在碰撞体上或移开时发送 OnHover （isOver）。
  • 当在碰撞器上按下鼠标按钮时，将发送 OnPress （isDown）。
  • 首次在游戏对象上按下鼠标按钮时，将发送 OnSelect（选中）。重复按压同一对象不会导致新的 OnSelect。
  • OnClick（） 以与 OnSelect 相同的条件发送，并添加了检查功能以查看鼠标是否没有移动太多。UICamera.currentTouchID 告诉您单击了哪个按钮。
  • OnDoubleClick （） 在四分之一秒内发生两次点击时发送。UICamera.currentTouchID 告诉您单击了哪个按钮。
  • OnDragStart （） 在 OnDrag（） 通知开始之前被发送到触摸下的游戏对象。
  • OnDrag （delta） 被发送到正在拖动的对象。
  • 当另一个对象被拖动到其区域上时，OnDragOver （draggedObject） 将发送到游戏对象。
  • 当另一个对象被拖出其区域时，OnDragOut （draggedObject） 将发送到游戏对象。
  • 当拖动事件完成时，OnDragEnd （） 将发送到拖动的对象。
  • OnInput（文本）在键入时发送（在通过单击碰撞体选择碰撞体后）。
  • 当鼠标将鼠标悬停在碰撞体上一段时间而不移动时，将发送 OnTooltip （show）。
  • OnScroll （float delta） 在移动鼠标滚轮时发出。
  • OnKey（KeyCode 键）在使用键盘或控制器输入时发送。

要在您自己的自定义脚本中利用它们，只需创建一个具有适当函数的脚本，例如：

    void OnPress (bool isPressed)
    {
        if (isPressed) Debug.Log("I was pressed on!");
        else Debug.Log("I was unpressed");
    }

提示2

您可以使用委托从任何脚本订阅事件：UICamera.onClick、UICamera.onHover 等。这些委托将在实际通知发送到正确的对象之前被调用。您可以使用此功能来侦听脚本上的事件，而不管它们是否会转到该脚本的游戏对象。


标题3

💯 使用UICamera

创建UICamera

  1. 在Unity编辑器中，创建一个新的空GameObject，并命名为"UICamera"。
  2. 将UICamera组件附加到该GameObject上。

配置UICamera

在Inspector面板中，配置UICamera的属性：

  • Camera Mode：设置摄像机模式，如正交或透视。
  • Depth：设置摄像机的深度值，影响渲染顺序。
  • Clipping Planes：设置摄像机的近远剪辑平面，控制渲染范围。

管理UI层次

使用UICamera的"Depth"属性来管理UI元素的渲染层次：

  • 较低的Depth值表示元素在前景，较高的值表示背景。

应用摄像机效果

UICamera支持多种效果，如：

  • Blur：实现背景模糊效果，突出前景元素。
  • Color Adjustments：调整摄像机的色调、饱和度和亮度。

性能优化

  • 避免过度使用效果：过度使用摄像机效果可能会影响性能。
  • 合理设置Depth值：避免过多UI元素竞争同一Depth值。

标题4

💯 NGUI 下载地址


NGUI 最新版 下载地址


标题5

💯 结语

UICamera是NGUI中一个强大的组件，它为Unity UI提供了精细的摄像机控制和渲染管理。通过本文的介绍，你应该能够了解UICamera的基本概念、特性以及使用方法。合理使用UICamera，可以提升UI的视觉效果和性能，为玩家带来更加丰富的视觉体验。


TheEnd


跳跃

📂 Unity 开发资源汇总 | 插件 | 模型 | 源码

💓 欢迎访问 Unity 打怪升级大本营

🍉🍉🍉 如果觉得这篇文对你有帮助的话，请点个赞👍、收藏⭐️下吧，非常感谢! 💕💕💕
关注我

博主头像
【博主简介】：10年以上软件开发经验，精通 C语言、C++、C#、Java 等开发语言，开发过大型 Android 项目，现主要自主开发经营 休闲益智类小游戏。

【粉丝福利】：博主收藏了大量游戏开发资源和素材。这些资源经过博主多年整理沉淀，现筛选一批精品资源，分享给大家学习研究。

Unity打怪军团 广招天下勇士加入 Unity学习互助小组 有意进群的同学联系我，互3互推也请联系我…
联系我

Unity打怪升级
关注
专栏目录
unity引擎中的UICamera组件
听老罗娓娓道来
07-09 90
为了处理自定义的UI事件，我们可以扩展UICamera组件，添加事件处理逻辑。例如，处理鼠标点击、拖拽等事件。continue;} }();return;continue;} }();return;continue;} }();return;continue;
Unity NGUI UICamera总结
DOMTECH的博客
12-21 1810
Unity NGUI UICamera总结
Unity开发——多相机场景下，物体显示的常用设置
青岚岁叶的博客
04-20 6550
Unity多相机场景下，物体显示常用设置 一、子相机与主相机协同显示； 二、不同相机参数设置，以及渲染目标的设置； RenderType（相机类型）、FieldOfView和ClippingPanels（相机渲染范围）、Culling Mask（可被渲染的物体Layer值） 三、相机叠加显示效果。
【学习笔记】Unity基础（八）【镜头camera组件属性（clear flag、target texture、occlusion culling、镜面效果、小地图等）】
|Ringleader|的博客
06-15 8037
本节主要学习camera组件的相关属性，介绍了投影方式、depth、clear flag等基础概念，详细学习了target texture、occlusion culling等知识。有关camera的其他高阶内容，诸如渲染管线、优化等内容暂不研究。下节计划学习Cinemachine插件、镜头脚本相关，涉及第一第三人称视角切换、镜头跟随、镜头抖动等案例。
【Unity3D】【NGUI】UICamera
四爷的专栏
12-10 1万+
概述 UICamera这个名字不是很合适，保留的原因仅仅是为了兼容以前的版本。 UICamera真正做的事情是发送NGUI事件给所有What the UICamera script actually does is sends out NGUI events to all the objects seen by the camera it's attached to. It doe
unity3D 根据UI适配摄像机Rect值，完美解决分屏问题
10-11
根据UI适配摄像机Rect值的一个小工具，新建2个小空物体，作为矩形的左上角和右下角，然后用屏幕坐标算出摄像机的rect值，完美解决适配的摄像机的rect
【unity】UI基础、相机
最新发布
qq_73410960的博客
11-06 781
：是最默认常见的模式，所有属于OverlayCanvas的UI物体都会显示在场景上方，NormalColor（正常颜色）：button在未选中情况（未触发过）下默认的颜色。HighLighted（高亮颜色）：button在鼠标停留上（未按下时）的颜色。PressedColor（按下颜色）：button在鼠标点击时的颜色。selectedColor（选中颜色）：button在触发以后的颜色。DisabledColor（禁用颜色）：button在禁用时的颜色。（一般不可以有透视效果；场景物体不可当抓住ui）
NGUI相机和Unity相机之间的前后顺序
TinyStar
09-16 269
在做的这个项目中，遇到的问题是：在做鼠标按下的时候，只是想做到再点击NGUI的UI界面的按钮是，只触发按钮事件，不会出现点击穿透现象而触发到Unity相机中的事件。 做法如下(2D游戏)： 1、设置NGUI相机的depth要大于Unity相机的depth，单纯的渲染顺序，如果NGUI的depth小于Unity相机的时候，不会显示NGUI画面 2、设置Unity相机的Z轴大于N
NGUI的核心组件UICamera2
08-08
1. **UICamera组件**：`UICamera`是NGUI系统中处理用户输入和交互的关键组件，它通常挂载在Unity场景中的摄像机上。这个组件的作用是监测并处理与UI元素相关的碰撞事件，如点击、悬停、拖动等。 2. **事件响应设置*...
浅谈NGUI中的UIRoot，UIPanel，UICamera组件
weixin_43151516的博客
09-17 629
在我们用NGUI创建的UI中我们经常可以看见这几个组件，UIRoot物体上有UIRoot和UIPanel组件，其子物体Camera带有UICamera，这三个组件是NGUI中的核心主键。 UIRoot UIRoot通过屏幕的比例来缩放UI控件，让UI的比例看起来比较合适 Scaling Style中有三种选项，分别是Flexible,Constrained,ConstrainedOn...
关于NGUI部分组件
01-02
A：UIDragCamera：为某个物体添加该组件，然后为Camera添加UIDraggableCamera组件，表示该摄像机允许被拖拽，然后将此摄像机放到UIDragCamera的目标摄像机下，拖拽该物体，摄像机的位置就会改变 B：...
NGUI的UIRoot、UICamera、UIPanel、UIRect、UIWidget、UITexture、UISprite、UILabel、Scroll View等
陈云佳的专栏
10-24 692
用NGUI也有几个月了，但一直没有系统性地学习过NGUI，今天来了解下~ UIRoot：https://blog.csdn.net/kakashi8841/article/details/20480717 UICamera：https://blog.csdn.net/kakashi8841/article/details/20548429 UIPanel：https://blog.csdn.net...
11.在Unity URP中使用UI相机
知识无止境
07-15 5522
摘自：《游戏瞎折腾手记》https://zhuanlan.zhihu.com/p/157310749 在Unity中制作UI时，我们通常习惯于单独使用一个Camera来拍摄UI内容。 场景相机 UI相机 最终画面 这种制作方式有不少优点，比如避免了主场景相机的后处理效果可能会干涉UI内容等问题。 然而在Unity新出的URP（通用渲染管线）中，这一制作方法却有点问题。在相当长的一段时间内，LWRP/URP是无法像以前的内置渲染管线一样叠加Camera的。而后来，总算是可以了，但.
【Unity/UI】 多个摄像机的组合使用
热门推荐
Peter的博客
07-27 2万+
说明 在UI设计的时候可能会遇到正射投影与透视投影组合的情况，这个时候就需要用到多个摄像机来实现。 例如明日方舟的主界面 右边这一块是可以根据手机的陀螺仪进行一定角度的3D转动的，而左上角的几个Button是固定的。 实例 使用unity自带的UI组件来完成一个简单的例子，不涉及C#脚本。 层级结构如下 先创建两个摄像头，UICamera以及3DCamera，这两个摄像头的配置如下，均使用正射投影： 注意他俩的Depth属性均为-1 然后两个相机下各自创建一个Canvas 在UIC.
Unity中UICamera设置
爱冒险的技术宅
08-10 1万+
默认状态下创建的UGUI的原点和世界坐标的原点是重合的，这样其实非常不方便。解决方法就是创建一个Camera专门用于绘制UI。具体步骤如下：1.新建一个Camera，参数如下尽量拉到一个比较远的位置Canvas需要设置一下Canvas Component这下UI就不会和场景中的物体有重合了。
UGUI UI摄像机设置
iDaDi的博客
02-20 1405
UGUI UI摄像机设置 问题描述 创建UGUI的UI时，如果设置不正确，UI显示就会比较奇怪。 如：在Unity编辑器编辑UI（图1），但是打包出来安装到手机却是另一种表现（图2） 图1.Unity编辑器UI展示 图2.手机上UI展示，这样是不正常的。 解决问题 现在记下我的设置（当然肯定不只有我的设置是正确的） 首先，在场景中随便添加一个UGUI组件，Unity会自动创建Canvas节点及组件 然后，在Canvas节点下添加一个摄像机，改名为UICamera。修改Camera组件参..
Unity渲染--摄像机
qq_73628117的博客
04-30 778
和现实中的摄像机很接近，Unity中Camera组件负责将游戏画面拍摄然后投放到画面上Camera拍摄到的画面决定了Game面板的画面创建场景的时候，Unity会默认创建一个摄像机，所以我们点击Game面板才有画面在游戏中摄像机一般是会移动的，比如第一人称游戏中摄像机会一直跟随我们的操作，摄像机的移动效果其实也是基于摄像机游戏物体的Transform来达到的。
在Unity URP中使用UI相机
ping的专栏
09-16 3222
在unity2019后，官方全面支持了urp。我自己的项目也决定使用urp的渲染通道来开发。原本项目的UI是使用ugui，用一个ui照相机来拍摄显示。至于为什么用ui照相机的方式来显示UI。主要是考虑到方便在UI上显示3d模型和3d特效。开发比较直观，省去用照相机纹理的方式来搞。 首先项目切换为urp的渲染通道，urp怎么使用，自行百度，这里不再赘述。 切换后，camera的inspector面板会变成这样： 1，把UI相机的RenderType改成“Ov...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Unity打怪升级

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值