【转】超简单利用UGUI制作圆形小地图

http://sanwen.net/a/ithhtbo.html

由于UI都是Achor自己用PS做的，比较粗糙，大家见谅，不过丝毫不影响功能的实现，下面我们看看今天的笔记：

首先我们看看需要哪些组件：

1.在Canvas画布下新建一个GameObject，改名为Mask，顾名思义，该组件实现遮罩功能。

2.在Mask下面添加RawImage，用来实现小地图动态显示。

3.新建一个Sprite作为角色的子对象，改名为Icon，实现小地图中代替角色的箭头图标。（贴图大家根据自己喜好来画，这里Achor就简单的用了PS绘制）

4.需要两个相机，一个用来追踪小地图，一个用来显示UI（UI层用一个相机额外显示比较方便）

组件一共就这么多。

下面开始制作！！！！！！

1.先调整Icon，Minimap的位置及参数，即角色位置的正上方，视距根据需求可改变相机Y轴或者相机视距，Icon也调整至角色正上方，调整相机的Culling Mask，只显示Icon和Terrain。新建一个Render Texture拖到Minimap的Target Texture。

再给Minimap加两行简单代码，让他跟随Icon。

代码如下：

private Transform transform;
public GameObject icon;
void Start ()

{
transform=GetComponent<Transform>();
}

void Update ()

{
transform.position = new Vector3(icon.transform.position.x,59.01f,icon.transform.position.z);
}

2.将刚才的Texture（a）拖动给Raw Image。

此时已经可以实现小地图功能啦，不过是方形的！很丑！

3.下面要修改Mask啦，给Mask添加如下两个组件，并修改Image组件的Source Image为圆形。（圆形自己画就是了）

现在变成圆形了！

But！！Why 还是so丑！？

5.加个边框吧，在UI下新建个Image，下面再添加两个Button并改名，再加入自己绘制的边框和按钮就OK啦。

现在好看多了把~（虽然我觉得还是很丑，但毕竟Achor日思夜想的美工MM还没有找到，只能靠自己右手了）

好啦，关于美观的问题就不多说啦，各位可以尽情的发挥~到此小地图功能已经实现，是不是非常简单？如果觉得有用大家就分享给自己的小伙伴吧~

转载于:https://www.cnblogs.com/mimime/p/6539720.html

【转】超简单利用UGUI制作圆形小地图相关推荐

excel亮灯怎么设置_Excel这些超简单的聚光灯制作方法，核对数据再也不用愁！...
原标题:Excel这些超简单的聚光灯制作方法,核对数据再也不用愁! 最近一直问小编Excel的聚光灯效果怎么做?今天小编就教大家快速制作聚光灯效果,核对数据再也不用怕看花眼啦! 一.聚光灯效果制作步 ...
利用border-radius制作圆形、圆角矩形、半圆
设置div的宽高.利用border-radius属性制作. 圆形图案:div 的宽高必须相同,border-radius的值是div宽度和高度的一半圆角矩形图案:border-radius的值是di ...
证件照怎么制作?超简单的证件照制作教程来了
证件照怎么制作,证件照制作教程分享.证件照是日常生活中经常会需要用到的照片类型,比如在填写资料,报名考试,制作证件的时候都需要使用证件照,但是不同证件照的使用要求是不同的,怎样制作不同场合下的证件照呢 ...
超简单：快速制作一款高逼格词云图
词云图,也叫文字云,是对文本中出现频率较高的"关键词"予以视觉化的展现,词云图过滤掉大量的低频低质的文本信息,使得浏览者只要一眼扫过文本就可领略文本的主旨. 一.先看看几个词云图 ...
超简单利用java实现小游戏剪刀石头布
一.如何利用最简单的语句和方法来实现一个小游戏在剪刀石头布的小游戏中,游戏有三种情况,赢.输.平局,所以我们可以利用这一点,把三种情况罗列出来进行判断. 二.设计想法一.因为计算机无法利用石头剪刀 ...
超简单的数码相框制作
本人个人域名网址:http://zhangrunsheng.cn/ (所有文章首发地址) 项目名称:数码相框(简单) 项目分类:嵌入式应用开发 PC机系统环境:ubuntu10.04 PC机Qt版本: ...
python词云图制作壮观天体照_超简单：快速制作一款高逼格词云图
词云图,也叫文字云,是对文本中出现频率较高的"关键词"予以视觉化的展现,词云图过滤掉大量的低频低质的文本信息,使得浏览者只要一眼扫过文本就可领略文本的主旨. 一.先看看几个词云图 ...
简单利用lce1602制作一个时钟
利用所学的单片机知识LCD1602的知识及电路知识编程实现单片机I/O 口控制 LCD1602 的显示时钟 main.c #include <REGX52.H> #include < ...
超简单利用java实现猜数字大小游戏2
一,继上一次的猜拳游戏也可引生出猜数字的游戏,非常类似,不能说完全相同,可以说九成九相似,不过可玩性强一点. 设计想法: 1.利用随机生成的数与自己输入的数字进行相比较,并且给出相应的提示来进行游戏 ...

【转】超简单利用UGUI制作圆形小地图

【转】超简单利用UGUI制作圆形小地图相关推荐

最新文章

热门文章