码迷,mamicode.com
首页 > 编程语言 > 详细

Unity3D学习笔记(二)小地图的制作(UGUI)

时间:2016-04-11 18:59:42      阅读:423      评论:0      收藏:0      [点我收藏+]

标签:unity3d   ugui   小地图制作   

文章末尾有小地图制作完成的MiniMapDemo.unitypackage下载地址,使用Unity3d 5.3.4f1制作

    一、创建一个Plane和Cube,调整合适位置,再创建一个Camera,重命名为MiniMapCamera,调整摄像机让其视野朝下,Projection为Orthographic,调整size到合适大小

    技术分享

    二、创建Renderer Texture重命名为MiniMapTexture,并将MiniMapTexture拖拽至MiniMapCamera的Target Texture下

    技术分享

    三、Create——UI——RawImage,生成Canvas和RawImage,在Canvas下创建一个空对象命名为MiniMap,然后在MiniMap下创建Image重命名为Mask,并添加Mask组件,可修改Source Image为Knob(圆形image)。将RawImage拖拽至Mask下

    技术分享

    四、将MiniMapTexture拖拽至RawImage的Texture下,如果RawImage位置不和Mask重合,则Reset下位置,至此就可以看到小地图了,将其拖至合适位置

    技术分享

    五、为了美观可以在Mask下再新建一个RawImage对象,将其重命名为Border,选择Texture为自己喜欢的图片

    技术分享

    六、将PC-2图标拖入主角Cube下,调整PC-2合适位置(PC-2为小地图显示的图标),新建两个层Player和MiniMap,Cube选择Player层,PC-2选择MiniMap层,然后让Main Camera渲染除了MiniMap以外的层,让MiniMapCamera渲染除了Player的层,这样小地图显示的就是PC-2代替主角的图标

下图为PC-2选择MiniMap层,Cube同理

技术分享

下图为MiniMapCamera的Culling Mask层的选择,Main Camera同理

技术分享

    七、最后运行效果

    技术分享

Unity3D学习笔记(二)小地图的制作(UGUI)

标签:unity3d   ugui   小地图制作   

原文地址:http://wty530.blog.51cto.com/3238860/1762676

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!