CesiumForUnreal实现鹰眼地图(MiniMap)效果

1.实现目标

基于CesiumForUnreal插件加载的在线地形和影像数据,使用Widget实现鹰眼小地图的效果,GIF动图如下:

在这里插入图片描述

2.实现过程

在UE开发中,常用的以Widget方法实现小地图的形式有两种。一种是动态的小地图,即地图的纹理图片会发生变化,人物固定在小地图的中心位置,当人物位置在大地图上变化时,小地图的纹理图片也会随之变化。另一种是静态的小地图,即小地图的纹理图片是固定不变的,通过坐标映射,将人物在世界场景中的坐标映射到纹理图片上的坐标,并以图标的形式展示,当人物世界位置发生变化时,更新图标在小地图纹理图片上的位置即可。

本文参考cesium-unreal-samples:07_CesiumMultiView实现鹰眼小地图效果,是前文所说的第一种动态的实现方式。主要原理是通过SceneCapture 2D捕获当前场景到Render Target,生成纹理图片,再将其渲染到Widget上在屏幕前显示。

(1)创建Render Target,用于存储捕获到的纹理。可根据需求修改RT的大小和Render Target Format(默认为RTF RGBA16f)。

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
在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中实现地图的拖动和缩放功能了。当然,具体实现还需要根据自己的项目需求进行调整。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

右弦GISer

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

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

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

打赏作者

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

抵扣说明:

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

余额充值