Unity制作小地图和方向导航
一、unity方向导航制作
设计要求是方向导航随着鼠标旋转转换方向,效果图如下:
具体的实现方法主要有两个步骤,分别为UI设计和脚本编写。我的设计思路是这个控件分为两层,第一层为东西南北指示层,第二层为图标指示层,这里我的图标采用圆形图标,方向指示这里采用控制图标旋转的方式实现,层级关系如下:
首先创建父节点1,然后在父节点下创建子节点2,3;最后调整好位置。
第二步脚本编写,脚本如下:
using UnityEngine; using System.Collections; using UnityEngine.UI; public class shijiao : MonoBehaviour { public GameObject Gcanvas; public GameObject UIzhinanpicture; public GameObject Terren; public GameObject SMAP; //public GameObject bnt=GameObject.Find("Button"); //方向灵敏度 public float sensitivityX = 10F; public float sensitivityY = 10F; //上下最大视角(Y视角) public float minimumY = -60F; public float maximumY = 60F; float rotationY = 0F; static public bool ifcanvas; void Update() { if(Input.GetMouseButton (0)){ //按住鼠标左键才能调节角度,根据鼠标移动的快慢(增量), 获得相机左右旋转的角度(处理X) float rotationX = transform.localEulerAngles.y + Input.GetAxis ("Mouse X") * sensitivityX; //根据鼠标移动的快慢(增量), 获得相机上下旋转的角度(处理Y) rotationY += Input.GetAxis ("Mouse Y") * sensitivityY; //角度限制. rotationY小于min,返回min. 大于max,返回max. 否则返回value rotationY = Mathf.Clamp (rotationY, minimumY, maximumY); //总体设置一下相机角度 transform.localEulerAngles = new Vector3 (-rotationY, rotationX, 0); UIzhinanpicture.transform.localEulerAngles = new Vector3(0,0,- rotationX); } } }
二、unity小地图的制作
关于小地图的制作,网上各种帖子铺天盖地,然而仔细看却发现大部分都一样,互相抄袭,很多都是没用的。各种帖子大都采用是正交相机的方式显示小地图,然而这个地图是真实场景的俯视,我们需要的往往是像英雄联盟那样的小地图,这里我采用一种简单的方式实现小地图。废话不说先上效果图:
这里的地图只是一张图片,这增加了地图的灵活性,这里的小地图创建跟上面方向导航类似,所不同的是脚本的编写方式。
具体的实现也是分为两个步骤,分别为UI的设计和代码的编写。
第一步:地图UI的设计
层级关系如图:
父节点1为背景地图,子节点2为蓝色箭头,蓝色箭头表示目标目前所在的位置。这两个节点仅仅是图片控件。
第二步:脚本的编写
脚本如下:
using UnityEngine; using System.Collections; using UnityEngine.UI; using System; using UnityEngine.EventSystems; public class shijiao : MonoBehaviour { public GameObject Gcanvas;//画布 public GameObject UIzhinanpicture; public GameObject Terren;//大地 public GameObject SMAP;//小地图指针 public GameObject SMAPBK;//小地图背景 GameObject Cm; //方向灵敏度 public float sensitivityX = 10F; public float sensitivityY = 10F; //上下最大视角(Y视角) public float minimumY = -60F; public float maximumY = 60F; //山地的大小 float Twidth; float Tlongth; //地图大小 float mapwidth; float maplongth; //比例大小 static public float widthScale; static public float longthscal; //图片缩放比例 //比例大小 //static public float PwidthScale; //static public float Plongthscal; float rotationY = 0F; static public bool ifcanvas; private float movespeed = 20; CharacterController ctrlor; void Start () { RenderSettings.fog = false; ifcanvas =true; Gcanvas.SetActive (ifcanvas); Cm = GameObject.Find("Mcam"); ctrlor = GetComponent<CharacterController>(); Twidth=Terren.GetComponent<Collider>().bounds.size.x; Tlongth =Terren.GetComponent<Collider>().bounds.size.z; mapwidth = SMAPBK.GetComponent<RectTransform>().rect.width; maplongth = SMAPBK.GetComponent<RectTransform>().rect.height; widthScale =(mapwidth) /Twidth; longthscal =(maplongth) /Tlongth; SMAP.transform.localPosition= new Vector3(Cm.transform.position.x* widthScale- 50, Cm.transform.position.z* longthscal-50,0); } void Update() { if (Input.GetMouseButton (1)) { ifcanvas = true; Gcanvas.SetActive (ifcanvas); } else{ if (Input.GetKey(KeyCode.Escape)) { ifcanvas = false; Gcanvas.SetActive (ifcanvas); } if (!EventSystem.current.IsPointerOverGameObject()) { //W键前进 if (Input.GetKey (KeyCode.W)) { Vector3 forward = transform.TransformDirection(Vector3.forward); ctrlor.Move(forward*movespeed*Time.deltaTime); } //S键后退 if (Input.GetKey(KeyCode.S)) { Vector3 back = transform.TransformDirection(Vector3.back); ctrlor.Move(back * movespeed * Time.deltaTime); } //A键移动 if (Input.GetKey(KeyCode.A)) { Vector3 left = transform.TransformDirection(Vector3.left); ctrlor.Move(left* movespeed * Time.deltaTime); } //D键后退 if (Input.GetKey(KeyCode.D) && gameObject.transform.position.y > 0) { Vector3 right = transform.TransformDirection(Vector3.right); ctrlor.Move(right * movespeed * Time.deltaTime); } //E键升高 if (Input.GetKey (KeyCode.E)) { Vector3 upward = transform.TransformDirection(Vector3.up); ctrlor.Move(upward * movespeed * Time.deltaTime); } SMAP.transform.localPosition = new Vector3(Cm.transform.position.x * widthScale - 50, Cm.transform.position.z * longthscal - 50, 0); if (Input.GetMouseButton (0)){ //根据鼠标移动的快慢(增量), 获得相机左右旋转的角度(处理X) float rotationX = transform.localEulerAngles.y + Input.GetAxis ("Mouse X") * sensitivityX; //根据鼠标移动的快慢(增量), 获得相机上下旋转的角度(处理Y) rotationY += Input.GetAxis ("Mouse Y") * sensitivityY; //角度限制. rotationY小于min,返回min. 大于max,返回max. 否则返回value rotationY = Mathf.Clamp (rotationY, minimumY, maximumY); //总体设置一下相机角度 transform.localEulerAngles = new Vector3 (-rotationY, rotationX, 0); UIzhinanpicture.transform.localEulerAngles = new Vector3(0,0,- rotationX); SMAP.transform.localEulerAngles = new Vector3(0, 0, -rotationX); } } } } }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持猪先飞。
相关文章
- 采用CSS覆盖的方法就可以了,但是官方是不允许这么做的...2013-10-13
- overlay就是在地图上以另外一种形式浮现在地图上,常见的地图覆盖物为这三种类型,如:popup 弹窗、label标注信息、text文本信息等,接下来跟随小编看下openlayers6之地图覆盖物overlay详解,一起看看吧...2021-09-15
- 这篇文章主要介绍了vue+高德地图实现地图搜索及点击定位操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-09-09
如何根据百度地图计算出两地之间的驾驶距离(两种语言js和C#)
以下是使用js代码实现百度地图计算两地距离,代码如下所示:<script src="js/jquery-1.9.0.js" type="text/javascript" language="javascript"></script><script language="javascript" type="text/javascript" src="js/...2015-10-30- 这篇文章主要介绍了React使用高德地图的实现示例(react-amap),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-04-18
基于JavaScript实现高德地图和百度地图提取行政区边界经纬度坐标
本文给大家介绍javascript实现高德地图和百度地图提取行政区边界经纬度坐标的相关知识,本文实用性非常高,代码简单易懂,需要的朋友参考下吧...2016-01-24- 这篇文章主要为大家详细介绍了Unity时间戳的使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要为大家详细介绍了使用jQuery.Pin垂直滚动时固定导航的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2017-05-27
- 思路其实没有那么复杂,把地图想成一个盒子容器,地图中心点想成盒子中心点;扎点在【地图中心点】不会动,当移动地图时,去获取【地图中心点】经纬度,设置某个位置的时候,将经纬度设置为【地图中心点】即可...2021-06-20
- 这篇文章主要介绍了百度地图API之百度地图退拽标记点获取经纬度的实现代码,需要的朋友可以参考下...2017-01-16
- 这篇文章主要介绍了详解Javascript利用echarts画空气质量地图,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-10-11
- 相信大家现在都知道微信小程序吧,下面这篇文章主要给大家介绍了微信小程序开发之map地图的相关资料,分享出来供大家参考学习,文中通过示例代码介绍的非常详细,需要的朋友们下面跟着小编来一起学习学习吧。...2017-06-15
- Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架,主要基于 HTML、CSS、JAVASCRIPT 的。接下来通过本文给大家介绍BootStrap 附加导航组件的知识,感兴趣的朋友一起学习吧...2016-07-29
- 这篇文章主要介绍了百度地图给map添加右键菜单(判断是否为marker) 的相关资料,需要的朋友可以参考下...2016-03-07
- 这篇文章主要介绍了jQuery实现的导航下拉菜单效果,涉及jQuery响应鼠标事件动态操作页面元素的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2016-07-06
如何根据百度地图计算出两地之间的驾驶距离(两种语言js和C#)
以下是使用js代码实现百度地图计算两地距离,代码如下所示:<script src="js/jquery-1.9.0.js" type="text/javascript" language="javascript"></script><script language="javascript" type="text/javascript" src="js/...2015-10-30- 这篇文章主要介绍了基于jQuery实现鼠标点击导航菜单水波动画效果附源码下载,需要的朋友参考下...2016-01-08
Unity中 ShaderGraph 实现旋涡传送门效果入门级教程(推荐)
通过Twirl 旋转节点对Gradient Noise 梯度噪声节点进行操作,就可得到一个旋转的旋涡效果。具体实现代码跟随小编一起通过本文学习下吧...2021-07-11- 本文主要介绍了4种延时执行的方法,主要包括Update计时器,Invoke,协程,DoTween,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-07-07
- 这篇文章主要给大家介绍了关于微信小程序实现导航功能的操作步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-03-10