http://www.jianshu.com/p/68637029e9df

游戏中小地图的实现(场景用简单Cube组成先搭建如下图场景,真实场景实现方法也是一样)

【转】UGUI(小地图的实现)与游戏关卡选择的简单实现-LMLPHP

图1-1小地图效果图

1.创建好场景后先添加一个摄像机鼠标右键出现如图1-2所示选择Camera就建好了一个摄像机

【转】UGUI(小地图的实现)与游戏关卡选择的简单实现-LMLPHP

图1-2

2.新建如图1-5所示的Render Texture(纹理渲染)

【转】UGUI(小地图的实现)与游戏关卡选择的简单实现-LMLPHP

图1-3

3.选中摄像机在右边出来的组件Camera中设置如图1-4所示的Culling Mask属性为Default

【转】UGUI(小地图的实现)与游戏关卡选择的简单实现-LMLPHP

图1-4

4.在将如图1-4所示的Camera组件中的Projection 属性设置为正交视图(如图1-5所示并调整好他的位置让他的视图对准要显示的物体)

【转】UGUI(小地图的实现)与游戏关卡选择的简单实现-LMLPHP

图1-5

5.将第二步建的Render Texture(纹理渲染)拖到图1-4所示组件的Taget Texture属性中.

6.删除图1-4所示组件中Audio Listener属性(不然运行起来会一直输出东西)

7.加入一个Image右键UI --->Image并给该Image添加遮障如图1-6所示添加遮障(Mask)

【转】UGUI(小地图的实现)与游戏关卡选择的简单实现-LMLPHP

图1-6

8.在该Image下添加一个RawImage组件把如图1-3所建Render Texture(纹理渲染)拖在如图1-7所示的Texture上(表示指向掩码图片)

【转】UGUI(小地图的实现)与游戏关卡选择的简单实现-LMLPHP

图1-7

9.为运动物体添加移动脚本实现物体移动就可以实现简单的小地图功能脚本内容如下

游戏关卡选择的简单实现

效果图如图2-1所示

【转】UGUI(小地图的实现)与游戏关卡选择的简单实现-LMLPHP

图2-1

布局层次如图2-2所示

Seal:背景图片

Grid:控制显示出来的网格布局

Title:显示关卡选则界面

LeverItem:Image组件控制点击后实现高亮状态

Icon:显示图片

startGrid:显示小红点(下面的start1分别表示三个)

LeverInfo:关卡名字与关卡数

【转】UGUI(小地图的实现)与游戏关卡选择的简单实现-LMLPHP

图2-2

1.添加一个一个Image作为背景图(Seal 显示背景颜色)

2.在背景图下面添加一个空物体(Grid)控制显示出来的关卡图片布局所以添加Grid Layout Group组件与Toggle Group组件(控制选中后高亮状态只有一张会亮,其他为暗)如图2-3所示

【转】UGUI(小地图的实现)与游戏关卡选择的简单实现-LMLPHP

图2-3

3.添加一个Image控件 :LeverItem来控制显示单个关卡的图片状态的切换,高亮状态(nomal_BG)与非高亮状态(Hight_side),就是添加俩个Image背景分别设为暗一点与亮一点就行

在添加一张图片(Icon)背景为显示关卡的图片尺寸比那俩张图片要小一点

为LeverItem添加Toggle组件(图2-4)

在(1)处拉入LeverItem

在(2)处拉入当前默认的非高亮状态

在(3)处拉入Gird

在脚本中可以通过Is On来控制俩种状态的切换

【转】UGUI(小地图的实现)与游戏关卡选择的简单实现-LMLPHP

图2-4

4.startGrid与LeverInfo就是设置一下关卡与名字的显示布局与星级的显示布局

脚本实现

 
05-12 22:30