地图的可拖动功能以及点击寻路坐标问题

最新推荐文章于 2024-09-08 02:09:46 发布

pg_dog

最新推荐文章于 2024-09-08 02:09:46 发布

阅读量878

点赞数

CC 4.0 BY-SA版权

分类专栏： Unity

本文链接：https://blog.youkuaiyun.com/Pg_dog/article/details/99336010

为了解决地图元素过多导致显示不全的问题，添加了地图可拖动功能。通过在Prefab中添加Rect Mask 2D和Scroll Rect组件实现拖动效果。但在实现点击地图寻路时，由于分辨率差异导致点击点与目标点存在偏差。原算法错误在于未考虑UI界面分辨率变化，新处理逻辑包括将鼠标点击坐标转换为世界坐标，并计算相对于地图组件的位置，以修正寻路偏差。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求：由于地图中展示的元素增加，导致地图图片被放大，在地图界面不能完全显示，所以添加可拖动功能。
解决方案很简单：prefab调整，逻辑编写（打开地图，玩家的图标尽可能靠中心位置）
一，在prefab上进行的调整
在这里插入图片描述
注：上图中m_MapBG_img是地图界面中地图显示框，m_miniMap_img是地图资源
在第一层级中添加两个组件(自查)：Rect Mask 2D 和 scroll Rect
第一个组件是为了掩藏不需要显示的地图部分
第二个组件是拖动功能（注意弹性与惯性）
二，逻辑编写
在这里插入图片描述
注：第三层级是玩家自己的位置标志
下面的方法返回的是地图初始化时的位置坐标，这里需要传入三个参数（重点在取它们的位置坐标），可见框组件，地图资源组件，玩家位置坐标

---@param pos Vector3
function TargetMapLocationByMyPos(viewImg, mapImg, pos)
	local mapPosX = 0
	local mapPosY = 0
	local viewWidth = viewImg.rectTransform.sizeDelta.x / 2
	local viewHeight = viewImg.rectTransform.sizeDelta.y / 2
	local mapWidth = mapImg.rectTransform.sizeDelta.x / 2
	local mapHeight = mapImg.rectTransform.sizeDelta.y / 2
	local diffWidth = math.abs(viewWidth - m