unity——Survival Shooter：UI&玩家生命

5.UI

接下来我们要加入游戏的UI。你可能注意到了我们的人物其实并没有一个生命条，这样我们就不能愉快的夺取他人的性命了。所以这一步主要是在屏幕上加上生命条的UI。

我们要进入2D的世界。

首先是在Scene中添加一个叫做Canvas的GameObject。在unity中，所有的UI是画在Canvas上的，也就是画布。并且画布神奇的地方在于不用我们去定义它的大小，画布的大小根据玩家可见的屏幕大小而改变。我们只要把UI放在合适的相对位置就可以了。

添加Canvas，下一步我们要添加一个组件叫Canvas Group。这个组件可以使我们的UI具有透明度，并且可以修改组件的可交互性。我们要把可交互性去掉，因为我们不希望玩家可以把自己的生命条不断地往回拖，同时我们要去掉Block Raycasts的选项。因为在之前的操作中我们已经发射了神奇的转向光波，我们不希望它被这个功能阻碍掉。

and now 我们就要往这个画布里添加不同的UI了。添加UI的方式就是在Canvas下面增添不同的GameObject，我们直接选择空的GO。命名为HealthUI。你会在Canvas里面看到一个圣殿骑士一样的标志。那么接下来我们要将它放置在整个画布的左下角，在Inspector里有个准星一样的图标，我们选择它,把锚点和坐标都移动到左下角（按住alt 和 shift）。设置宽和高。

接下来在HealthUI里有两点：心的icon和生命条。

首先在HealthUI里我们添加一个子对象在UI-image添加一个image，设置它的宽高都为30。然后在Image Source里面选择小心心的icon。

接下来是生命条，我们在同级增添一个UI-Slider的对象。这实际上是一个拖动条，就像是ios7之前苹果的锁屏界面。打开Slider的子菜单，我们会发现里面有两样：Fill Area和handle。同样，我们不希望他是可以互动的，所以handle这一部分直接删掉。slider内部的Interactable也可以不选择，但是在之前Canvas里面我们已经将所有的组件设置为了不可互动，所以这里勾不勾选都无所谓。同样的，因为它肯定不参与互动，我们将transistion选择none。最后我们把MaxValue设置为100，同时把当前的Value变为100。

接下来我们要将玩家受伤的效果放