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

17 篇文章 1 订阅
17 篇文章 0 订阅
本文是Unity游戏制作笔记系列的第十三篇,主要介绍了如何在Unity中创建血条UI,包括设置UI图片、调整锚点、创建填充型血条,并编写了UI管理脚本来实时更新角色血量,实现血条动态变化。同时,提供了相关系列教程链接。
摘要由CSDN通过智能技术生成

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


前言

本文章是我学习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添加游戏胜利条件和失败条件和导出游戏

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值