[UGUI][Unity插件]迷你地图小地图雷达系统及其使用方法


有2种方法 实现 小地图,

第1种,在 Unity 的AssetStore 下载 MiniMap(Radar)System。

第2种,使用Unity自带的现成的UGUI ,来实现。

使用的素材是Interactive Tutorial 3


------------------------------------第1种,在 Unity 的AssetStore 下载 MiniMap(Radar)System。

Unity的AssetStore的 MiniMap(Radar)System

[UGUI][Unity插件]迷你地图小地图雷达系统及其使用方法_第1张图片


在Unity的AssetStore,下载并导入MiniMap(Radar)System

在Hierarchy视图 有Canvas,鼠标悬浮在 Canvas 上 -- 右键--UI--RawImage

在Hierarchy视图 没有Canvas就在空白处 鼠标右键--UI--RawImage

在Project视图下,找到Minimap有4个样式不同的 迷你地图,任选其一,鼠标左键  MiniMap预制体  移动至Canvas下,

[UGUI][Unity插件]迷你地图小地图雷达系统及其使用方法_第2张图片


找到Player物体

[UGUI][Unity插件]迷你地图小地图雷达系统及其使用方法_第3张图片


选中玩家物体,移动至 MiniMap 的MapCanvasController 的PlayerTransform

[UGUI][Unity插件]迷你地图小地图雷达系统及其使用方法_第4张图片


找到 敌人物体,在Inspector 视图下,添加 组件 MapMarker ,使其MarkerSprite 为 任一精灵物体

[UGUI][Unity插件]迷你地图小地图雷达系统及其使用方法_第5张图片


点击运行后 如下左图所示,小地图如下中图所示,

[UGUI][Unity插件]迷你地图小地图雷达系统及其使用方法_第6张图片


How to make a Minimap in Unity

https://github.com/Brackeys/Minimap


---------------------------------第2种,使用Unity自带的现成的UGUI ,来实现。

用Unity 自带的 ,进行 迷你地图小地图雷达系统 的设置

在Hierarchy视图 (有Canvas就如左图所示),鼠标悬浮在 Canvas 上 -- 右键--UI--RawImage

在Hierarchy视图 (没有Canvas就如右图所示),在空白处 鼠标右键--UI--RawImage

[UGUI][Unity插件]迷你地图小地图雷达系统及其使用方法_第7张图片[UGUI][Unity插件]迷你地图小地图雷达系统及其使用方法_第8张图片


选中 上一步,新建的 RawImage 物体,在Scene视图下 移动至(Canvas)左上角,在Inspector 视图下,调整Anchor Presets。如下图所示

[UGUI][Unity插件]迷你地图小地图雷达系统及其使用方法_第9张图片


在Project视图下,任意文件位置 鼠标右键--Create--RenderTexture。重命名为NewMiniMap

[UGUI][Unity插件]迷你地图小地图雷达系统及其使用方法_第10张图片


在Project视图下 选中 NewMiniMap,把DepthBuffer 设置为 No depth buffer ,

[UGUI][Unity插件]迷你地图小地图雷达系统及其使用方法_第11张图片

NewMiniMap 的Inspector 的 Size 与 Hierachy视图下的 Canvas 的RawImage的 Inspector 的 RectTransform 的 Width和 Height 一致。

[UGUI][Unity插件]迷你地图小地图雷达系统及其使用方法_第12张图片


修改好后,记得回车。

[UGUI][Unity插件]迷你地图小地图雷达系统及其使用方法_第13张图片


在Hierarchy视图的 搜索框MainCamera。找到MainCamera

[UGUI][Unity插件]迷你地图小地图雷达系统及其使用方法_第14张图片


在Hierarchy视图下,MainCamera处 鼠标右键--Camera

新建 摄像机,重命名为MinimapCamera

[UGUI][Unity插件]迷你地图小地图雷达系统及其使用方法_第15张图片


将其移动至 自定义位置。

[UGUI][Unity插件]迷你地图小地图雷达系统及其使用方法_第16张图片


选中MinimapCamera,在Inspector 视图下,改变 Size的值,为合适大小(迷你地图摄像机 的 Size 大小正好 覆盖适当的 )。

[UGUI][Unity插件]迷你地图小地图雷达系统及其使用方法_第17张图片


像这样既可。

[UGUI][Unity插件]迷你地图小地图雷达系统及其使用方法_第18张图片


将Inspector的MinimapCamera 的TargetTexture设置为 (RanderTexture类型的) NewMiniMap 

[UGUI][Unity插件]迷你地图小地图雷达系统及其使用方法_第19张图片


将Hierachy视图下的 Canvas的RawImage的Inspector的 RawImage的Texture 设置为

(RanderTexture类型的) NewMiniMap

[UGUI][Unity插件]迷你地图小地图雷达系统及其使用方法_第20张图片


调整 Hierarchy视图下的 MinimapCamera 的坐标(在Scene视图下进行调整),使得 Game视图 下的 小地图 合理显示,如下图所示

[UGUI][Unity插件]迷你地图小地图雷达系统及其使用方法_第21张图片


在Scene 视图下,删除了 一部分 的 物体。对应的 小地图的一部分 也发生了改变。

是可以实时显示 小地图。

[UGUI][Unity插件]迷你地图小地图雷达系统及其使用方法_第22张图片


相关资料:

1.

教程|手把手教你在Unity中实现小地图(Minimap)

2.

3.

4.



你可能感兴趣的:(Unity插件,UGUI)