unity3D MiniMap等比例映射的实现(二) 通过RawImage UV信息控制小地图的移动

本文介绍如何使用Unity3D的RawImage组件,通过控制UV信息来实现MiniMap的等比例映射,玩家移动时小地图随之移动。通过调整UVRect的WH实现小地图视野范围,并探讨了限制视野超出的方法,提供了两种方案。最终效果展示了Player的移动与小地图的精确对应。
摘要由CSDN通过智能技术生成

上一篇为大家介绍了Image简单的实现Player的移动并映射到小地图上:上篇链接点击打开链接

本篇为大家分享的是通过RawImage来实现实现小地图的缩放:最终实现效果Player的移动会控制RawImage的UV信息的改变使得RawImage移动,呈现一下最终效果:

具体UI的调整适配这里我就不多介绍了,界面的布局调整可以看上一篇 这里只是将Image换成了RawImage去实现,用面板Plane来代替记得加Collider哦

一般情况下我们用RawImage去实现精灵动画当然也是通过UV信息的大小调整

UVRect:X  Y 表示比例的起点 ;W H表示比例的宽和高

WH用来调节小地图的事业范围:   比如这里我调试的WH设定为0.25,0.25就将RawImage缩小了0.25,在Canvas下始终显示图片的1/4.

XY用来控制小地图的移动,也是与Player的位置实时更新的

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class TestMap : MonoBehaviour
{
    publi
  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
在Unity中实现地图拖动和缩放的步骤如下: 1. 创建小地图场景中添加一个UI画布,然后在该画布上创建一个RawImage组件,作为小地图的容器。将小地图的图片资源设置为该组件的纹理,并调整其位置和大小。 2. 添加拖动脚本 创建一个新的C#脚本,将其添加到小地图RawImage组件上。在脚本中添加以下代码: ```csharp public class MiniMap : MonoBehaviour, IDragHandler { public float dragSpeed = 2; private Vector2 dragOrigin; public void OnDrag(PointerEventData eventData) { Vector2 currentPosition = eventData.position; if (eventData.button == PointerEventData.InputButton.Left) { Vector2 difference = currentPosition - dragOrigin; transform.position += (Vector3)difference * dragSpeed; } dragOrigin = currentPosition; } } ``` 该脚本实现了小地图的拖动功能。当用户按下鼠标左键并拖动时,小地图会跟随鼠标移动。 3. 添加缩放脚本 在上述脚本的基础上,我们可以再添加一个缩放功能。在MiniMap类中添加以下代码: ```csharp public float zoomSpeed = 1; public float zoomMin = 1; public float zoomMax = 5; public void Update() { float scroll = Input.GetAxis("Mouse ScrollWheel"); if (scroll != 0) { float zoom = Mathf.Clamp(transform.localScale.x + scroll * zoomSpeed, zoomMin, zoomMax); transform.localScale = new Vector3(zoom, zoom, 1); } } ``` 该脚本实现了小地图的缩放功能。当用户滚动鼠标滚轮时,小地图会按照一定的缩放速度进行缩放,并且限制缩放比例在一定范围内。 通过以上三个步骤,我们就可以在Unity中实现地图的拖动和缩放功能了。当然,具体实现还需要根据自己的项目需求进行调整。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

多辣A梦

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

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

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

打赏作者

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

抵扣说明:

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

余额充值