首页
限免课
实战课
免费好课
课程库
经验
问答
会员课程
首页 |经验 |游戏 |经验详情

鱼都会的NGUI的HUD血量以及血条(一)

更新时间:2023-10-13

无私向斑马

游戏

1340

感谢大家观看鱼都会的系列,这次要为大家分享的时鱼都会的NGUI制作的血量以及血条。本次将会讲解怎么制作显示血量。

鱼都会的NGUI的HUD血量以及血条(一)

显示血量大家应该很熟悉了,在游戏中,不可缺少的就是显示出玩家的伤害值。而有些不规范的做法是直接在受伤害的敌人上方产生一个3D的物体,然后面向摄像机,显示血量。这样的做法的缺点是,如果物体在深度上移动,显示的血量就会出现近大远小的现象,而且随着摄像机的移动和旋转,可能会出现看到侧面的现象;因为是创建的3D物体,在效率底下的情况下,还会产生碰撞遮挡的现象等等。所以我们就需要制作在UI层面上的HUD了。

 那么首先要解决的问题在于,我们不可能使用任何系统的字体来制作,这个一般都不符合我们游戏的需求,我们需要的是美术提供的字体来制作数字UI,那么我就需要将美术提供给我们的数字素材制作成字体。

鱼都会的NGUI的HUD血量以及血条(一)     

    看起来似乎就是一张图片,但是却不仅仅是图片。

那么,要制作字体,我们需要一个软件bmfont,这个软件可以在一下链接下载:

http://pan.baidu.com/s/1qYnhruk

安装之后,我们打开这个软件:

鱼都会的NGUI的HUD血量以及血条(一)

我们将会看到这个界面:

鱼都会的NGUI的HUD血量以及血条(一)

这个界面就是我们需要的了,看起来很复杂,其实不复杂,请听我慢慢道来。

我们首先要准备一些“食材”

鱼都会的NGUI的HUD血量以及血条(一)

在BMFont中选着Edit->Open Image Manager,打开如下界面

鱼都会的NGUI的HUD血量以及血条(一)

点击Image选择Import Image选择0图片:

鱼都会的NGUI的HUD血量以及血条(一)

打开后得到这样的结果:

鱼都会的NGUI的HUD血量以及血条(一)

在这里我们需要注意的是Id,这里填入ASCII值,我们刚才选择的是0,所以填入的是48,如果不清楚到底是哪一个,我们可以选择后面的0就能够知道ASCII是多少了,如下图:

鱼都会的NGUI的HUD血量以及血条(一)

可以看到0的ASCII是48。而以此类推,我们填了10个数字,分别是0123456789:

鱼都会的NGUI的HUD血量以及血条(一)

如上图所示,我们可以看到,左边的对应数字的右下角会有小方点,则表示这些值有代替的素材。

然后我们选择Options->Visualize查看预览图,或者按快捷键V,可以看到如下图:

鱼都会的NGUI的HUD血量以及血条(一)

注意红色框的地方,显示只有一张图,如果出现1/2就是两张这时候需要在Options->Export options 设置。

现在我们打开Options->Export options 准备导出,打开如下窗口:

鱼都会的NGUI的HUD血量以及血条(一)

如下设置之后,我们就可以保存了,点击OK,选择Options->Save bitmap font as...保存文件,保存得到两个文件:

鱼都会的NGUI的HUD血量以及血条(一)

在Unity中会看到一张图片和一个text文件,这是我们制作字体需要的文件。

选择NGUI->Open->Font Maker,打开字体制作面板。

Type中选择第二项:

鱼都会的NGUI的HUD血量以及血条(一)

得到如下界面:

鱼都会的NGUI的HUD血量以及血条(一)

分别将字体text文件和图片文件放入:

400

点击Create the Font创建字体预制体:

鱼都会的NGUI的HUD血量以及血条(一)

我们会得到两个文件:

鱼都会的NGUI的HUD血量以及血条(一)

看起来是不是很像打图集的文件?

然后创建一个NGUI的Label,进行如下图设置:

鱼都会的NGUI的HUD血量以及血条(一)

然后在Text中输入0123456789我们就会得到如下的效果:

鱼都会的NGUI的HUD血量以及血条(一)

注意被框起来的设置的值,这是NGUI的知识,不在本教程范围内,所以不进行讲解。

鱼都会的NGUI的HUD血量以及血条(一)

好了经过了一番折腾,我们完成了字体的制作。下节课我们将会正式开始制作HUD。感谢大家阅读。

上一篇 下一篇

相关课程

ONLINE COURSES
  • 渲染是什么意思

    渲染是什么意思

    讲师:多喝热水

  • 实时渲染和离线渲染的区别

    实时渲染和离线渲染的区别

    讲师:多喝热水

  • 游戏建模和影视建模有什么区别

    游戏建模和影视建模有什么区别

    讲师:多喝热水

  • 工业建模和游戏建模哪个好

    工业建模和游戏建模哪个好

    讲师:多喝热水

免费好课

FREE GOOD COURSES
MORE
  • 虚幻5从安装到出图 - 70分钟解析影视级渲染新方案

    虚幻5从安装到出图 - 70分钟解析影视级渲染新方案

    1小时12分钟46秒

  • AutoCAD施工图基础课

    AutoCAD施工图基础课

    3小时16分钟32秒

  • C4D材质灯光渲染课

    C4D材质灯光渲染课

    3小时16分钟23秒

  • Q版角色三头身设计课

    Q版角色三头身设计课

    3小时9分钟29秒

  • 人体动态结构表现

    人体动态结构表现

    3小时20分钟5秒

  • AI+UE5轻松实现科幻电影!

    AI+UE5轻松实现科幻电影!

    32分钟36秒

Copyright © 2015 - 2021北京云创科讯软件有限公司

京ICP备16013396号-1

经营许可证京ICP证161220号

课程咨询电话 18516802937

  • 在线咨询
  • 插件下载
  • 职业测评
  • 素材下载
  • 微信咨询
学习在线解答