3D游戏总结

本学期的课程即将结束，我对中高级UI进行进一步的学习，完成了圆形遮罩和血量条的制作两个任务。

一、任务介绍

1、圆形遮罩

任务是使用 Mask 遮罩制作圆形头像，实现操作如下：

• 准备一个新项目
• 将 png 图片拖入 assets 视图，作为 texture
• 层次视图 context 菜单 -> UI -> Panel 创建 Panel
• 在 Panel 下添加 RawImage 元素
• 将图片拖入 RawImage 的 Texture 插槽
• 场景选择 2D 视图，并缩放至看到整个画布
• 选择 Panel 对象
  • 在 RectTansform 组件选择预制描点 （middle，center）
  • 用 Rect 工具，将 Panel 与图片大小一致
  • 添加 Mask 组件
  • 选择 Image 组件，选择 Source Image 为 Knob

为了让遮罩形成走马灯效果。实现操作如下：

• 选择 RawImage
• 在视图 Animation 中，点 create 系统在该对象上创建了动画组件、动画控制器、动画文件
  • add property 按钮，选择 Archored Position
• 选择 Scene 视图，移动 RawImage 到 Panel 左边
• 选择 Animation 视图，在 0s 位置添加关键帧
  • 将播放位置红线放置在最后
• 选择 Scene 视图，移动 RawImage 到 Panel 右边
• 选择 Animation 视图，在最后位置添加关键帧
• 选择运行动画，结束

 最后的实现效果如下：

圆形遮罩

2、简单血条

任务是给动画人物 Ethan 添加 Health Bar。实现操作如下：

• 菜单 Assets -> Import Package -> Characters 导入资源
• 在层次视图，Context 菜单 -> 3D Object -> Plane 添加 Plane 对象
• 资源视图展开 Standard Assets :: Charactors :: ThirdPersonCharater :: Prefab
• 将 ThirdPersonController 预制拖放放入场景，改名为 Ethan
• 检查以下属性
  • Plane 的 Transform 的 Position = (0,0,0)
  • Ethan 的 Transform 的 Position = (0,0,0)
  • Main Camera 的 Transform 的 Position = (0,1,-10)
• 运行检查效果
• 选择 Ethan 用上下文菜单 -> UI -> Canvas, 添加画布子对象
• 选择 Ethan 的 Canvas，用上下文菜单 -> UI -> Slider 添加滑条作为血条子对象
• 运行检查效果
• 选择 Ethan 的 Canvas，在 Inspector 视图
  • 设置 Canvas 组件 Render Mode 为 World Space
  • 设置 Rect Transform 组件 (PosX，PosY，Width， Height) 为 (0,2,160,20)
  • 设置 Rect Transform 组件 Scale （x,y） 为 (0.01,0.01)
• 展开 Slider
  • 选择 Handle Slider Area，禁灰（disable）该元素
  • 选择 Background，禁灰（disable）该元素
  • 选择 Fill Area 的 Fill，修改 Image 组件的 Color 为 红色

• 选择 Slider 的 Slider 组件
  • 设置 MaxValue 为 100
  • 设置 Value 为 75
• 运行检查效果，发现血条随人物旋转

给 Canvas 添加以下脚本 LookAtCamera.cs

public class LookAtCamera : MonoBehaviour
{
    // Start is called before the first frame update
    void Start()
    {
        
    }

    // Update is called once per frame
    void Update()
    {
        this.transform.LookAt(Camera.main.transform.position);
    }
}

最后的实现效果如下：

血条制作

二、总结

        经过一学期的学习，我对3D游戏设计有了进一步的了解，同时也加深了我对游戏设计的兴趣。我发现在这学期的学习过程中，我认为对中高级 UI 设计技术的热情使我能够创造出引人注目的游戏界面和交互元素。我的设计不仅仅是功能性的，更注重用户体验，突显了我对游戏设计的全面理解。所以我觉得我在3D游戏设计的学习中是优秀的，我会对每堂课的知识在课下进行练习，对课堂上提到的知识都抱有好奇心，会积极探索，每节课都认真听讲，学习的技术都能在很短的时间内就掌握甚至能够熟练使用。此外，我的技术普及博客为社区提供了有价值的知识分享，旨在激发更多人对游戏开发技术的兴趣与理解。