unity 将3D物体显示在UI前面(保姆级 超容易)
Posted 计科老学渣
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了unity 将3D物体显示在UI前面(保姆级 超容易)相关的知识,希望对你有一定的参考价值。
将3D物体放置在UI界面
在网上看了一些教程,这篇文章就是在前人的基础上稍加简化。
总结下来,其实只需要:
- 加一个相机
- 加一个Render Texture
- 加一个Raw Image
接下来是详细步骤
首先我们新建一个项目是这个样子的:
新建一个画布,并插入背景
这时我们就看不见3D图像了,在图像附近添加一个摄像机,点击右上方的“2D”按钮切换成3D,如图:
在摄像机前放上3D物体,这里我放了一个胶囊:
在project界面里create一个render Texture:
将Render Texture挂载到新的摄像机上:
再在UI上新建一个Raw Image,任意调整一下大小:
将Render Texture挂载到Raw Image上:
这样就完成了,因为太暗了我加了一个平行光
如果是3D项目,这时候可能还会显示背景,将摄像机的Clear Flags改为Don’t Clear 就好了:
大功告成!
Unity实现游戏里鼠标悬停在物体处显示UI提示(介绍名称等信息)的一种方法(可配置的xml文件形式)
Unity实现鼠标悬停物体处显示UI提示
思路
这里主要是通过xml文件的形式保存物体的信息,再编写代码去解析这些个物体的信息,如xml中的一个节点MouseOver节点保存了一个物体的路径和物体的名称,那么解析的时候我们就可以通过GameObject.Find()方法找到这个物体,并给它添加鼠标事件,当鼠标悬停在物体处时,触发鼠标事件函数,就可以显示该物体的名称了,这里使用到了Unity中三个鼠标事件函数:OnMouseEnter()、OnMouseOver()和OnMouseExit()。
搭建demo场景和配置xml文件
添加一张Image作为底图,并添加一个Text文本作为子物体用来显示物体的信息的。Image初始时设置为隐藏,即在Inspector取消勾选;GameObject下存放三个物体,必须要添加碰撞体,可视物体情况选择添加不同的碰撞体,否则无法触发鼠标事件!
xml文件节点格式如下:
Path鼠标表示该物体在Hierarchy上的路径,InnerText表示该物体名称。
脚本实现
ModelEventListen脚本:
using UnityEngine;
using System;
public class ModelEventListen : MonoBehaviour
//鼠标事件的委托
public Action<GameObject> onEnter;
public Action<GameObject> onOver;
public Action<GameObject> onExit;
/// <summary>
/// 鼠标停留
/// </summary>
public void OnMouseOver()
if (onOver!=null)
onOver(gameObject);
/// <summary>
/// 鼠标停留
/// </summary>
public void OnMouseEnter()
if (onEnter!=null)
onEnter(gameObject);
/// <summary>
/// 鼠标移出
/// </summary>
public void OnMouseExit()
if (onExit!=null)
onExit(gameObject);
/// <summary>
/// Get方法,给物体添加鼠标监听的脚本
/// </summary>
/// <param name="obj"></param>
/// <returns></returns>
public static ModelEventListen Get(GameObject obj)
if (obj == null) return null;
ModelEventListen listener = obj.GetComponent<ModelEventListen>();
if (listener==null)
listener = obj.AddComponent<ModelEventListen>();
return listener;
Panel_MouseOver脚本:
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using System.Xml;
using UnityEngine.UI;
public class Panel_MouseOver : MonoBehaviour
static Transform showImg;//显示的UI底图
private void Start()
showImg = transform.Find("Image");
string filePath = "file://"+Application.dataPath + "/XML/MouseOver.xml";//xml文件路径
StartCoroutine(LoadingXml(filePath));
IEnumerator LoadingXml(string path)
yield return null;
using (WWW www=new WWW(path))
yield return www;
XmlDocument doc = new XmlDocument();
doc.LoadXml(www.text);
for (int i = 0; i < doc.FirstChild.ChildNodes.Count; i++)
new MouseOver(doc.FirstChild.ChildNodes[i]);//遍历为每个节点的物体添加鼠标事件
public class MouseOver
private string showText;
public MouseOver(XmlNode node)
GameObject obj = GameObject.Find(node.Attributes["Path"].InnerText);
if (obj != null)
//为物体添加鼠标监听函数的脚本,并注册回调函数
ModelEventListen.Get(obj).onEnter = OnEnter;
ModelEventListen.Get(obj).onOver = OnOver;
ModelEventListen.Get(obj).onExit = OnExit;
showText = node.InnerText;
//鼠标进入事件
private void OnEnter(GameObject obj)
//判断是否点击到UI上,点击到UI返回
if (UnityEngine.EventSystems.EventSystem.current.IsPointerOverGameObject()) return;
showImg.gameObject.SetActive(true);//显示UI提示框
showImg.GetComponentInChildren<Text>().text = showText;//更新UI上显示的内容为当前物体的信息
//鼠标悬停事件
private void OnOver(GameObject obj)
//更新UI的位置,并让它等于鼠标的位置加上一个Y轴上的偏移
showImg.transform.position = Input.mousePosition+ new Vector3(0,100,0);
showImg.GetComponentInChildren<Text>().text = showText;
//鼠标移出事件
private void OnExit(GameObject obj)
showImg.gameObject.SetActive(false);
将该脚本挂载到Panel_MouseOver物体上。
效果演示
以上是关于unity 将3D物体显示在UI前面(保姆级 超容易)的主要内容,如果未能解决你的问题,请参考以下文章