猫史档案馆

大家好，我是一只轻轻路过的龙猫。

关于我的ID和头像请不用太在意（你们不会想了解的

最近刚接触编程猫不久，感觉还不错，计划用它做点东西，边做边研究的同时也顺便把其中个人觉得有些价值的东西以贴子的形式分享出来，为大家提供一点参考。

打算做成一个系列，所以之后可能还会有创作笔记更新，也请各位多多支持。（如果我没弃坑的话

那么言归正传，这次创作的目标是制作一个简单的状态栏，即一个可以显示当前角色的生命值、法力值、经验值等变量的界面，并以血条的形式展现出来。

大概的思路即是将状态栏的框架作为一个单独的角色，并将血条、法力条、经验条分别作为一个单独的角色放在状态栏的对应位置上，通过改变它们的宽度来达到实时反映角色状态的目的。

首先将制作所需要的素材通过PS绘制出来。（请不要问我PS怎么用在哪下之类的问题...这不属于本贴讨论的范畴。）

（虽然这里只是随手画的素材但是也请不要盗用，我相信你们能做得比我更好。）

然后作为角色加入到工程中。

拖动到对应的位置，将状态条与它们的槽位对齐。

接下来以血条为例，看看如何实时反映角色的HP值。

首先我们把血条造型的中心点移到最左边正中，因为血条长度的变化只需要体现在右边，左边是固定的。

新建两个变量，分别为当前血量和角色的最大血量。

通过我们的经验我们知道，血条的长短反映的是当前血量与最大血量的比值，因此血条的脚本就可以写成这样。

那么到这里血条部分的制作就完成了。接下来到实际操作当中看看效果。

先假定角色的当前血量与最大血量相等，即角色为满血，均为200。为了展示血条的变化，我们通过简单的变量操作改变当前血量的大小。

点击开始，可以看到成功地达到了我们想要的效果。

为了增强效果，我们还可以把当前血量的数值加入到状态栏中。

有了制作血条的经验，剩下的蓝条与经验条也只要如法炮制就可以了。

那么这就是这一期的创作笔记的全部内容了。这里只是展示了最简单的状态栏的做法。做法并不唯一，且这样的做法也并不适用于所有情况，例如如果血条的形状不是矩形，而是椭圆，那么这样的做法就不再可行。

如果我的做法有什么不足的地方，也请各位务必指出。

那么下一期制作笔记再见！