unity3D MiniMap等比例映射的实现(三) 通过ScrollView的Scrollbar控制小地图的移动

最新推荐文章于 2023-01-07 10:25:49 发布
最新推荐文章于 2023-01-07 10:25:49 发布
阅读量1.2k 收藏 6
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36429057/article/details/79249369
版权
本文介绍了如何利用Unity3D的ScrollView和Scrollbar组件实现小地图的等比例映射。内容包括场景布置、画布下锚点调整、小地图背景Image设置、以及核心算法的实现，特别是如何通过Scrollbar的value值控制小地图的移动。文章总结了Image、RawImage和ScrollView三种方法，并提供了操作对比和实际效果展示。
摘要由CSDN通过智能技术生成

   前两篇文章分别介绍了Image和RawImage实现小地图的等比例映射  本篇文章和大家分享的是第三种实现等比例映射小地图的方式: 用ScrollView的子控件Scrollbar Horizontal和Scrollbar Vertical的value值来实现小地图的移动

     总结Image/RawImage/ScrollView这三种方式实现小地图的操作对比

Image 角色动,地图不动 整张地图呈现
RawImage 根据RawImage的UV信息控制地图动,当超出视野范围时加控制条件或者调整地形边缘
ScrollView 根据ScrollBar的value来控制Content的移动,不会超出视野范围,但是计算时要减去一个锚框的范围,计算要细致慢慢调试

先来给大家呈现一下效果图:


(一)首先场景的布置

最低0.47元/天 解锁文章
多辣A梦
关注
Unity3D 小地图 (2) 以角色为中心点等比例映射地图
Htlas的博客
03-31 2201
一个简单的Demo演示，在很多大型RPG，FPS游戏中，地图是以人物为中心点等比例映射的，很多人在做游戏的时候，是通过另一个摄像机渲染图片，实时同步在小地图上的，这种做法十分消耗性能且功能拓展性很差。像GIF图中当角色在边界的时候会露出下方的背景这个问题也很好解决，在正式游戏开发中，可活动地形都是远小于世界地形的。根据需求进行分析：1.获取角色在地形上的相对位置坐标。    角色相对地形位置=角色...
Untiy3D 小地图_等比例映射
yuanzhililanya的博客
02-16 437
Untiy3D 小地图_等比例映射
Unity3D_(插件)小地图自刷新制作Minimap小地图
weixin_30814329的博客
11-09 676
　　制作小地图：小地图自刷新制作小地图 　　原理：用不同的图标表示场景中不同的游戏物体，将(场景中)游戏物体位置实时放置小地图上，并控制图标的位置更新 　　 好处：可更好控制小地图上所需要显示的游戏物体 　　游戏项目已托管到Github上：　　传送门 　　使用Camera渲染制作Minimap小地图：　　传送门 小地图效果 （不足：并未对超出地图中的物...
Unity3D 用minimap系列组件做一个小地图（超简单）
weixin_44099953的博客
11-12 3746
使用Minimap系列组件简单的制作一个小地图
unity制作映射小地图
沈夕林的博客
10-14 1231
  刚开始敲代码就在制作小地图，现在还在制作小地图，不过区别在于以前看不懂，现在能看懂了。不说了，说多了都是泪。今天就记录一下制作小地图的过程。  一、场景位置   根据我的理解，场景要放在坐标系的区域内，不要放在坐标轴上，否则计算会很容易把自己搞蒙。  二、放置参照物   就如我们一中那张图，我们把模型放在左上角的区域，本来我们应该用模型的地面的坐标来计算，但是因为有时候建模的不规范，地面的坐标中心不一定是规规矩矩的，所以一劳永逸，我们就放置一个参照物。上图中的小圆圈就是我们的参照物。而玩家是在方框内移
unity3D MiniMap等比例映射的实现(二) 通过RawImage UV信息控制小地图的移动
多辣A梦
02-03 2447
上一篇为大家介绍了Image简单的实现Player的移动并映射到小地图上:上篇链接点击打开链接 本篇为大家分享的是通过RawImage来实现实现小地图的缩放:最终实现效果Player的移动会控制RawImage的UV信息的改变使得RawImage移动,呈现一下最终效果: 具体UI的调整适配这里我就不多介绍了,界面的布局调整可以看上一篇 这里只是将Image换成了RawImage去实现,用面
unity3D MiniMap等比例映射的实现(一) 通过Image做小地图背景,Player实时更新位置在小地图上
多辣A梦
02-03 3388
本次给大家分享的是unity等比例映射小地图实现的第一种方式-----通过Image进行等比例映射:最终达到的效果就是玩家映射到小地图上的图片这里用PlayerIcon代替,Player的移动带动PlayerIcon的移动而背景不动.       一 UI准备部分:(需要注意的是场景Player居于地形正中心   画布下PlayerIcon的锚点要居中        通过控制玩家的移动计算
unity小地图实现----等比例映射实现的几种方式
多辣A梦
03-08 3085
本次给大家分享的是unity等比例映射小地图实现的第一种方式-----通过Image进行等比例映射:最终达到的效果就是玩家映射到小地图上的图片这里用PlayerIcon代替,Player的移动带动PlayerIcon的移动而背景不动. 一 UI准备部分:(需要注意的是场景Player居于地形正中心 画布下PlayerIcon的锚点要居中 通过控制玩家的移动计算映射...
Unity小地图插件MiniMap最新版
08-18
unity2020 亲测可用
Unity小地图中点击角色移动功能
04-21
Unity小地图中点击角色移动功能
Unity3D小地图MIniMap的制作
07-07
Unity3D中关于游戏小地图制作的视频，有兴趣的同学可以拿去参考。
unity3d(雷达小地图)Binnacle+Minimap+Radar+Compass
04-04
unity实现雷达小地图的功能，可以下载直接应用到项目中
unity小地图制作方法
03-12
unity小地图2种制作方法视频资源，unity小地图2种制作方法视频资源，unity小地图2种制作方法视频资源
Unity 地图映射
海月的博客
05-03 1153
思路 位置映射 地形 2261*3 = 6783 地图 2560 原点在地形正中心 映射比例为 (6783/2) / (2560/2) = 3391.5 / 1280 = 2.65 方向映射 先求出玩家与z轴的夹角 如下图所示 把夹角映射到画布上，让坐标指向对应的方向 比如，玩家指向x轴正向，坐标就应该绕z轴的反方向顺时针旋转90度 代码 ......
Unity小地图
severnth
05-10 438
using UnityEngine; using System.Collections; public class smalleMap : MonoBehaviour { GameObject plane; GameObject cube; float mapWidth; float mapHeight; float widthCheck; float heightCheck;
Unity 小地图瞬移的功能实现
weixin_46711336的博客
01-07 520
Unity 小地图
Unity实现移动与小地图功能
AI200的博客
04-09 976
这次实现的是一个可以自由移动并且拥有小地图的项目。 一.实现移动 首先，我们要搭建一个场景。 搭建好场景后，我们需要创建一个脚本用来实现物体自由移动能力。 新建一个脚本文件并且命名为Move，把脚本挂到人物上。 using System.Collections; using System.Collections.Generic; using UnityEngine; public class Move : MonoBehaviour { public float speed = 5; /
unity 通过点击游戏小地图,来移动主相机功能实现
qq_27619055的博客
04-15 3023
方法介绍前提:小地图由另一相机实现 (mapCamera) 通过 UI界面的RawImage 和 mapCamera 的视窗大小等比例 ,来实现点击位置的在世界坐标中的转换.此脚本挂于Canvas中的小地图上 using System.Collections; using System.Collections.Generic; using UnityEngine; using Unit
Unity SKFramework框架（二十三）、MiniMap 小地图工具
当代野生程序猿
07-02 1939
MiniMap可以帮助我们快速实现小地图功能，该工具已经上传至我的开发框架SKFramework中的Package Manager开发工具包管理器中。
unity实现小地图拖动缩放
最新发布
06-02
在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、付费专栏及课程。

余额充值