123 第1页 | 共3 页下一页
返回列表 发新帖
查看: 17363|回复: 21
打印 上一主题 下一主题

[教程] 【转载】NGUI做角色HUD血条

[复制链接]

733

主题

5

听众

1万

积分

资深设计师

Rank: 7Rank: 7Rank: 7

纳金币
6520
精华
14

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

跳转到指定楼层
楼主
发表于 2013-7-16 20:00:01 |只看该作者 |倒序浏览
pstatus"> 本帖最后由 雅雅 于 2013-7-16 20:02 编辑

之前做游戏demo的时候要用到HUD血条,从网上找资料,基本没有多少有用的信息,后来用雨松大大的GUI方法实现了,但是由于GUI是渲染在顶层的,不会被物体遮挡,并不是我想要的效果。经过摸索,终于用NGUI实现了HUD血条的做法,现在分享给大家~~

▼首先准备好你的场景(角色,地形,摄像机,灯光)

1.png

给摄像机添加一个Look At Target脚本,并将其Target设为人物。
接着自己写一个脚本Camera Round,拖给摄像机,让摄像机绕着人物旋转。
using UnityEngine;
using System.Collections;
public class cameraRound : MonoBehaviour {
       public GameObject hero;
        void Update () {
        gameObject.transform.RotateAround(hero.transform.position,Vector3.up,0.1f);
        }
}

准备好场景之后,我们就来开始实现血条的制作咯~

▼首先,生成一个空对象,并调整其位置在角色正下方。

2.png

▼接着我们添加一个panel作为这个空对象的子物体。(需要NGUI插件)

3.png

4.png

▼接下来就是往panel上添加信息了这里我就不细讲了,具体请自行查阅NGUI手册

5.png

▼这里我添加了一个血条和label(用来显示名称等信息)(血条用simple Texture做)
然后给血条加上图片,label里输入人物的名称,调整他们的位置

6.png

接下来就是很重要的代码部分了。
给人物添加一个脚本,命名为blood_bar。
using UnityEngine;
using System.Collections;
public class blood_bar : MonoBehaviour {
        public GameObject _bloodBar;//获取血条信息。
        public GameObject MainCamera;//获取主摄像机        
        void Update () {
                _bloodBar.transform.position=new Vector3(transform.position.x,transform.position.y+2.0f,transform.position.z);//让血条信息一直处于人物的头顶某处
                Vector3 v=transform.position-MainCamera.transform.position;
                Quaternion rotation;
                rotation = Quaternion.LookRotation(v);
                _bloodBar.transform.rotation = rotation;//让血条一直面向摄像机。由于摄像机是以人物为目标的,所以v应该为人物的位置到摄像机位置的向量,否则信息栏会出现偏差。
        }
}

▼运行游戏, 不管摄像机怎么旋转,血条总是面向摄像机。大功告成~

7.png

8.png

本文章由末日小生发表在http://2012dream.com

分享到: QQ好友和群QQ好友和群 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
转播转播0 分享淘帖0 收藏收藏2 支持支持0 反对反对0
回复

使用道具 举报

ku 智囊团   

89

主题

2

听众

5万

积分

首席设计师

Rank: 8Rank: 8

纳金币
25
精华
1

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

沙发
发表于 2013-7-16 20:16:23 |只看该作者
我是直接用unity free版自带的Gui直接在屏幕上画的,不用panel,因为当许多敌人时,用gui底层直接画省不少资源
回复

使用道具 举报

4

主题

1

听众

631

积分

初级设计师

Rank: 3Rank: 3

纳金币
269
精华
0

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

板凳
发表于 2013-7-16 21:38:38 |只看该作者
呃 长知识了。。
回复

使用道具 举报

0

主题

1

听众

273

积分

设计实习生

Rank: 2

纳金币
0
精华
0

最佳新人

地板
发表于 2013-7-17 01:03:17 |只看该作者
感謝分享
回复

使用道具 举报

0

主题

2

听众

6150

积分

高级设计师

Rank: 6Rank: 6

纳金币
62
精华
0

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

5#
发表于 2013-7-18 08:26:52 |只看该作者
感謝分享
回复

使用道具 举报

0

主题

1

听众

198

积分

设计实习生

Rank: 2

纳金币
7
精华
0

最佳新人

6#
发表于 2013-11-19 15:59:46 |只看该作者
学习了,好东西!
回复

使用道具 举报

0

主题

1

听众

126

积分

设计实习生

Rank: 2

纳金币
298
精华
0

最佳新人

7#
发表于 2013-11-19 23:15:23 |只看该作者
正好要开始做这一块,。。
回复

使用道具 举报

0

主题

1

听众

262

积分

设计实习生

Rank: 2

纳金币
217
精华
0

最佳新人

8#
发表于 2013-11-20 14:37:21 |只看该作者
灰常感谢分享
回复

使用道具 举报

0

主题

1

听众

329

积分

设计实习生

Rank: 2

纳金币
2
精华
0

最佳新人

9#
发表于 2013-12-13 17:45:42 |只看该作者
不错,学习了!
回复

使用道具 举报

2

主题

3

听众

411

积分

设计实习生

Rank: 2

纳金币
69
精华
0

最佳新人

10#
发表于 2014-1-17 10:29:02 |只看该作者
用Unity3d原生GUI……那个GC伤不起啊……PC还好说,移动平台是真心完蛋……
回复

使用道具 举报

123 第1页 | 共3 页下一页
返回列表 发新帖
您需要登录后才可以回帖 登录 | 立即注册

手机版|纳金网 ( 闽ICP备2021016425号-2/3

GMT+8, 2024-11-27 12:58 , Processed in 0.105125 second(s), 35 queries .

Powered by Discuz!-创意设计 X2.5

© 2008-2019 Narkii Inc.

回顶部