3D游戏编程作业第九章 UI系统

本文介绍了3D游戏编程中使用UGUI和IMGUI实现血条的过程,包括UGUI的可视化设计、IMGUI的代码实现,以及两者优缺点的分析。通过创建游戏对象,配置Canvas和Slider组件,实现了血条跟随角色旋转。同时,讨论了UGUI的所见即所得和IMGUI的简洁实现,指出IMGUI在布局和维护上的挑战。最后,探讨了预制体在资源管理中的应用。
摘要由CSDN通过智能技术生成

使用 UGUI 实现血条

使用UGUI时,血条是游戏对象的一个子元素。

过程

  1. 先新建一个plane,gameobject->3Dobject->plane

  2. 导入资源包Standard Assets中的Characters部分

  3. 将 ThirdPersonController 预制拖入场景,属性为:
    Plane 的 Transform 的 Position = (0,0,0)
    ThirdPersonController 的 Transform 的 Position = (0,0,0),Rotation = (0,180,0)
    ThirdPersonController 的 Scale(2,2,2),
    Main Camera 的 Transform 的 Position = (0,3,-10)

  4. 选择 ThirdPersonController 用上下文菜单(鼠标右键) -> UI -> Canvas,添加画布子对象

  5. 选择 ThirdPersonController 的 Canvas,用上下文菜单 -> UI -> Slider,添加滑条作为血条子对象

  6. 选择 Ethan 的 Canvas,在 Inspector 视图设置属性:
    设置 Canvas 组件 Render Mode 为 World Space
    设置 Rect Transform 组件的 (PosX, PosY, Width, Height) 为 (0,2,2,1)
    设置 Rect Transform 组件的 Scale(x, y)为 (0.5,0.5)

  7. 展开 Slider
    选择 Background,修改 Image 组件的 Color 为 红色
    选择Handle Slide Area,在 Inspector 视图把勾勾取消掉

  8. 选择Slider,在 Inspector 视图
    设置 Rect Transform 组件的Rotation = (0,180,0)
    设置 Rect Transform组件的Pos(x,y,z,width,height)=(0,0,0,160,20)
    设置Slider 组件的 MaxValue 为 1
    设置normal color为红色

  9. 运行检查结果,发现人物运动时(用方向键控制),血条会跟着人物旋转,没有面对主摄像机。
    在这里插入图片描述

  10. 故需要给 Canvas 添加以下脚本 LookAtCamera.cs

using UnityEngine;

public class LookAtCamera : MonoBehaviour
{
   
    void Update()
    {
   
        this.transform.LookAt(Camera.main.transform.position);
    }
}
  1. 将脚本拖入Canvas对象,运行,这个时候血条就会一直面向主摄像机了。
    在这里插入图片描述

使用 IMGUI 实现血条

代码如下

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
 
public class bloodBar_script : MonoBehaviour {
   
    public float curBlood = 10f;
    private float targetBlood = 10f;
    private Rect bloodBarArea;
    private Rect addButton;
    private Rect minusButton
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值