【Unity】实现小地图

目录

一、前言

小地图功能在很多游戏中都有,特别是RPG游戏,这篇文章介绍小地图的功能实现。

二、思路

专门创建一个顶视角的摄像机,然后摄像机有个Target Texture属性,可以将渲染的图形输出到Render Texture中,我们使用UGUI的Raw Image来显示这张Render Texture即可。

三、具体步骤

1、创建一个顶视角摄像机Camera

在需要显示小地图的场景中 创建一个Camera,保留原有的主摄像机 Main Camera

2、创建Render Texture

创建Render Texture

3、Render Texture赋值给顶视角摄像机的Target Texture

4、使用Raw Image显示

在Canvas中 创建一个RawImage

5、将RenderTexture赋值给RawImage的Texture属性

四、运行效果

运行Unity效果如下

参考文档:教你3个步骤实现Unity小地图(知识点:RenderTexture、Mask、shader)

五、进阶

1、功能需求:在已知场景大小的条件下,通过调整 小地图Camera位置 和 orthographicSize值 使得场景居中显示在RawImage中。同时,使用ui图片Image代替 某个物体(如玩家) 显示在RawImage上,随着物体的移动,ui图片在RawImage上按照一定的比例移动。

注:小地图Camera位置 和 orthographicSize值 在初始化时调整,只调整一次,小地图Camera不随着玩家移动而移动。

csharp 复制代码
using UnityEngine;
using UnityEngine.UI;

public class MiniMapController : MonoBehaviour
{
    [Header("小地图设置")]
    public Camera miniMapCamera;// 小地图专用摄像机
    public RawImage miniMapRawImage;// 显示小地图的RawImage
    public RectTransform miniMapRect;
    public RectTransform playerIcon;// 代表玩家的UI图片
    public Transform playerTransform;// 实际玩家物体

    [Header("显示设置")]
    [Range(0.1f, 1f)] public float padding = 0.95f; // 边距比例

    Vector2 sceneSize = new Vector2(100,100);// 2D场景大小

    private void Start()
    {
        miniMapRect = miniMapRawImage.GetComponent<RectTransform>();

        // 确保小地图摄像机是正交投影
        miniMapCamera.orthographic = true;

        // 计算摄像机高度(确保完整看到场景)
        float aspectRatio = miniMapRect.rect.width / miniMapRect.rect.height;
        float sceneRatio = sceneSize.x / sceneSize.y;

        // 根据宽高比调整正交大小
        if (aspectRatio > sceneRatio)
        {
            // 以高度为准
            miniMapCamera.orthographicSize = (sceneSize.y / 2) / padding;
        }
        else
        {
            // 以宽度为准
            miniMapCamera.orthographicSize = (sceneSize.x / aspectRatio / 2) / padding;
        }

        // 设置摄像机位置(在场景正上方)
        miniMapCamera.transform.position = new Vector3(sceneSize.x / 2,sceneSize.y / 2,miniMapCamera.transform.position.z);
    }

    private void Update()
    {
        if (playerTransform == null || playerIcon == null) return;

        // 将玩家的世界坐标转换为小地图摄像机的视口坐标 (0-1范围)
        Vector3 viewportPos = miniMapCamera.WorldToViewportPoint(playerTransform.position);

        // 将视口坐标转换为UI坐标
        Vector2 uiPos = new Vector2(
            viewportPos.x * miniMapRect.rect.width - miniMapRect.rect.width / 2,
            viewportPos.y * miniMapRect.rect.height - miniMapRect.rect.height / 2);

        // 设置玩家图标位置
        playerIcon.anchoredPosition = uiPos;
    }


}

2、功能需求:小地图Camera跟随玩家移动

csharp 复制代码
using UnityEngine;

/// <summary>
/// 小地图摄像机跟随
/// Auhor: linxinfa
/// </summary>
public class MiniMapCameraFollow : MonoBehaviour
{
    public Transform playerTransform;

    /// <summary>
    /// 高度
    /// </summary>
    public float distanceUp = 1.3f;

    private Transform miniMapCameraTransform;

    void Awake()
    {
        miniMapCameraTransform = transform;
    }

    void LateUpdate()
    {
        if (playerTransform == null) return;

        miniMapCameraTransform.position = playerTransform.position + Vector3.up * distanceUp; 
    }
}
相关推荐
大Mod_abfun9 小时前
Unity游戏基础-2(初识场景~项目构建)
游戏·unity·游戏引擎
maki07714 小时前
虚幻版Pico大空间VR入门教程 04 —— PicoOpenXR和PicoXR插件对于PDC串流、SteamVR串流、OpenXR串流对比 和 手势追踪对比
游戏引擎·vr·虚幻·pico·手势追踪·串流
maki07714 小时前
虚幻版Pico大空间VR入门教程 03 —— PicoXR插件和PicoOpenXR插件的文档对比记录
游戏引擎·虚幻·pico
maki07718 小时前
虚幻版Pico大空间VR入门教程 02 —— Pico设备选择
游戏引擎·vr·虚幻·pico
HELLOMILI1 天前
[UnrealEngine] 虚幻引擎UE5地形入门指南 | UE5地形教程(UE5 Terrain)
游戏·ue5·游戏引擎·虚幻·虚幻引擎·unreal engine
爱吃小胖橘1 天前
Lua语法
开发语言·unity·lua
qq_205279052 天前
unity 读取PPT显示到屏幕功能
unity·游戏引擎·powerpoint
tiankongdeyige2 天前
Unity学习之C#的反射机制
学习·unity·c#
HELLOMILI2 天前
[UnrealEngine] 虚幻编辑器界面 | 虚幻界面详解 | UE5界面详解
游戏·ue5·编辑器·游戏引擎·虚幻·unreal engine
快乐觉主吖2 天前
Unity内嵌浏览器插件:3DWebView,显示不支持的音频/视频格式解决办法
unity