Ruby‘s Adventrue游戏制作笔记（十三）Unity血条UI的显示

Posted 2022-11-24 Lmz_0314

Ruby's Adventrue游戏制作笔记（十三）Unity血条UI的显示

• 前言
• 一、创建一个UI
• 二、在HeadFrame中创建两个新的UI Image
• 三、添加脚本
• 系列链接

---

前言

本文章是我学习Unity官方项目项目所做笔记，作为学习Unity的游戏笔记，在最后一章会发出源码，如果等不及可以直接看源码，里面也有很多注释相关，话不多说，让Ruby动起来！
游戏引擎：Unity2020.3

一、创建一个UI

将UI图片拖入

点击

按住Shift，拖动图片调整大小

选择锚点，此时按住alt键

设置画布会随着分辨率改变而改变ui大小

二、在HeadFrame中创建两个新的UI Image

一个存放头像，一个存放血条

将血条的Image Type 调整为Filled，设置Fill method 为 horizontal

此时调整fill Amount 就会改变血条长度

三、添加脚本

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
// UI管理脚本

public class UImanager : MonoBehaviour

    // 创建静态方法，单例模式
    public static UImanager instance
    
        get;
        private set;
    

    private void Awake()
    
        instance = this;    
    
    public Image healthBar; // 角色血条


    // 更新血条
    public void UpdateHealthBar(int curAmount, int maxAmount)
    
        healthBar.fillAmount = (float)curAmount / (float)maxAmount;
    

改变改变血量时候的函数

创建一个空的OBJECT，将UI拖入

系列链接

Ruby‘s Adventrue游戏制作笔记（一）Unity创建项目

Ruby‘s Adventrue游戏制作笔记（二）Unity控制ruby移动

Ruby‘s Adventrue游戏制作笔记（三）Unity使用tilemap绘制场景

Ruby‘s Adventrue游戏制作笔记（四）Unity绘制其他元素

Ruby‘s Adventrue游戏制作笔记（五）Unity解决碰撞抖动和旋转问题

Ruby‘s Adventrue游戏制作笔记（六）Unity相机跟随玩家移动

Ruby‘s Adventrue游戏制作笔记（七）Unity采集生命道具

Ruby‘s Adventrue游戏制作笔记（八）Unity伤害陷阱

Ruby‘s Adventrue游戏制作笔记（九）Unity添加敌人

Ruby‘s Adventrue游戏制作笔记（十）Unity添加动画

Ruby‘s Adventrue游戏制作笔记（十一）Unity角色攻击——发射子弹

Ruby‘s Adventrue游戏制作笔记（十二）Unity给角色添加简单的特效

Ruby‘s Adventrue游戏制作笔记（十三）Unity血条UI的显示

Ruby‘s Adventrue游戏制作笔记（十四）Unity播放游戏音效

Ruby‘s Adventrue游戏制作笔记（十五）UnityNPC对话

Ruby‘s Adventrue游戏制作笔记（十六）Unity子弹数量及其UI

Ruby‘s Adventrue游戏制作笔记（十七）Unity添加游戏胜利条件和失败条件和导出游戏