Unity-UGUI制作的小地图-可放大缩小视角，大地图小地图切换

1.效果图 文章最后也会附上 Demo下载地址备注:资源是URP的，普通平台修改资源材质即可

缩小状态
放大状态

2.实现思路

首先新建一个相机来显示小地图，需要新建一个层级小地图来渲染，主相机不渲染，
新建一个rendertexture把相机画面输出到上面，新建Canvas->Rawimage,把rendertexture附上即可。

3.代码

      // 这是相机视角缩放btn_ZoomIn.onClick.AddListener(() =>{TargetSize -= 4f;TargetSize = Mathf.Clamp(TargetSize, MinZoom, MaxZoom);isZoom = true;});btn_ZoomOut.onClick.AddListener(() =>{TargetSize += 4f;TargetSize = Mathf.Clamp(TargetSize, MinZoom, MaxZoom);isZoom = true;});//这是切换大小地图btn_Scale.onClick.AddListener(delegate{RectTransform rect = Tran_MiniMap.GetComponent<RectTransform>();if (rect.rect.width == 436f)  //小的时候{TargetSize = 10f;rect.sizeDelta = new Vector2(436f * 3f, 436 * 3f);rect.anchoredPosition = new Vector2((Screen.width / 2f), -(Screen.height / 2f));}else{TargetSize = 5f;rect.sizeDelta = new Vector2(436f, 436f);rect.anchoredPosition = new Vector2(260f, -240f);}isZoom = true;});//这是移动渐变效果if (isZoom){float target = MiniMapPersonCam.orthographicSize;target = Mathf.Lerp(target, TargetSize, 0.1f);target = Mathf.Clamp(target, MinZoom, MaxZoom);MiniMapPersonCam.orthographicSize = target;float c = Math.Abs(MiniMapPersonCam.orthographicSize - TargetSize);if (c <= 0.001f)isZoom = false;}

4.项目源码

文章最后也会附上 Demo下载地址备注:资源是URP的，普通平台修改资源材质即可

Unity-UGUI制作的小地图-可放大缩小视角，大地图小地图切换相关推荐

【游戏开发实战】Unity UGUI制作雷达图/天赋图/属性图/能力图，因为太怕痛就全点了防御力
文章目录一.前言二.最终效果三.原理四.具体实现 1.雷达图背景图 2.封装UIPolygon.cs 3.制作预设 4.测试脚本RadarTest.cs 五.运行测试六.结束语七.附录:U ...
echart 地图添加了滚轮放大缩小导致二级地图无法居中问题
echart 地图添加了滚轮放大缩小导致二级地图无法居中问题由于地图有鼠标拖动移动,滚轮放大缩小的需求.添加了以下代码 geo: {map: 'china',type: "map" ...
Unity UGUI制作对话框的设计方案
游戏中会出现大量的弹出对话框UI,这部分功能虽然简单但是里面有很多细节需要注意 1.弹出的对话框UI要屏蔽触控,不能穿透UI到下层UI甚至3D对象上面 2.弹出框层级关系可能比较复杂,可能需要在一个弹 ...
利用iOS的UICollectionView制作卡片翻页放大缩小效果
前要之前遇到需求,广告栏可以滑动过程放大缩小的,类似于翻页的效果,所以就查了一些资料看看,很多都是在滑动的代理的中进行操作的,写起来非常的麻烦,借鉴网上说的可以重写UICollectionViewF ...
unity 手指控制UI移动和放大缩小
直接将下面的update方法放在mono类下即可. 指定一下所要控制的物体. 有问题添加 QQ群 207019099 void Update(){Ray ray = new Ray();ray = C ...
Unity 使用UGUI制作连连看小游戏
@[TOC]Unity UGUI 制作连连看那点儿事前言从事unity行业,仿真方向也3年有余了,从来没有尝试过自己写点什么,面对生活的各种压力人的情绪可能会产生各种波动,随着年龄的增长,人的想法 ...
DataV在浏览器放大缩小以及全屏前后不能自适应问题
大屏项目使用DataV组件库,浏览器放大缩小以及大屏进入全屏和退出全屏后,大屏的高度一直在累加,没有还原成原始状态,尝试使用组件的onResize事件以及initWH事件去重置,但是父元素已经被撑开了 ...
mc服务器小地图不显示玩家,我的世界旅行地图小地图不显示只显示地形 | 手游网游页游攻略大全...
发布时间:2016-04-03 我的世界游戏中是可以旅游的哦,在旅行的时候地图是很关键的,今天为大家整理了几款经典的辅助工具,想要的朋友们可以看看下面的怎么下载我的世界旅行地图我的世界各种旅行者必备 ...
Unity中常用的单例模式、对象池的脚本模板，连按退出和滑动翻页或放大缩小的功能实现，以及属性在代码中的灵活使用
1.单例模式的脚本模板: Unity中针对一些常用的manager可以使用单例模式,用于统一的功能管理: //普通单例,不需要继承MonoBehavior,不用挂载在GameObject上 publi ...

Unity-UGUI制作的小地图-可放大缩小视角，大地图小地图切换

Unity-UGUI制作的小地图-可放大缩小视角，大地图小地图切换

Unity-UGUI制作的小地图-可放大缩小视角，大地图小地图切换相关推荐

最新文章

热门文章