找回密码
 立即注册

QQ登录

只需一步,快速开始

如何使用D5BitmapUI中的位图数字集组件

2
回复
156
查看
[ 复制链接 ]

19

主题

21

帖子

130

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
130
2018-7-25 12:00:15 显示全部楼层 阅读模式
在D5BitmapUI中的位图数字集组件主要用于游戏中的数值显示,例如血量,经验,战力等等。因为这些数值一般需要美化的显示方式,普通的设备内嵌字体无法满足要求。本文中,我们将详细介绍如何使用位图数字集(D5BitmapNumber)。

首先,作为一个以位图为基础的组件,我们需要准备好渲染所必须的素材。位图数字的素材是有格式要求的。程序会从0-9扫描素材。所以,我们需要准备一张至少包含10个数字的图片(背景透明)。这部分是美术的工作,请注意每个数字的间距是一致的。



前端开发人员拿到素材后,通过D5Power编辑器将素材添加入素材库。建议将素材放在项目的resource/目录下,以方便统一管理。首先,通过编辑器顶部菜单的"资源"菜单,找到“素材库”。进入到素材库的编辑界面。然后在左侧的组件类型中选择数字集:



在弹出的数字集素材库中,选择添加新的素材(“+”)。然后选择刚才的位图数字素材。直接点击“下一步”即可。位图数字素材是不需要自行设置切割点的。



点击下一步后,即可将数字集素材添加入素材库了。把素材摆放在一个合适的位置即可。

回到界面编辑功能中,再打开数字集素材库向场景中添加数字集时,就会发现已经有了新的皮肤。直接从预览区拖拽到主场景,即可完成添加操作。修改组件的“数字内容”,数字即可对应发生变化



数字集是支持动态变化的。在开发时,可以通过将autoGrow属性设置为false或者true,来打开或关闭动态变化功能。

在很多的游戏中,我们是需要其他字符的参与的,例如“156万”,“+500”,“-50”等等。这种包含特殊字符的数字集如何实现呢?7月25日更新的编辑器和D5BitmapUI框架中新加入了对此功能的支持。在制作素材的时候,美术只要按照前文所述的规格,将扩展字符添加到素材即可。如图


然后,在添加到素材库时,给数字集素材设置扩展数据:


然后就可以在编辑器中使用啦。附件中包含了本例所使用的两个素材,请自行下载。





本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

0

主题

1

帖子

12

积分

新手上路

Rank: 1

积分
12
2018-7-25 14:53:17 显示全部楼层
6666666666
回复

使用道具 举报

0

主题

3

帖子

10

积分

新手上路

Rank: 1

积分
10
2018-7-26 15:52:01 显示全部楼层
D5大,加油,,已经走在正确的道路上了。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则