当前位置: 首页 > news >正文

UE5学习笔记 FPS游戏制作31 显示计分板

一 制作计分板

创建一个RankPanel的UI蓝图
在蓝图里拖入如下物体
在这里插入图片描述
覆层(layout):让子物体跟随自己缩放,子物体需要设置为拉伸模式,有点类似于的panel,本身只是一个容器
在这里插入图片描述
调整各个物体
覆层:
锚点到中间
在这里插入图片描述
背景图片
在这里插入图片描述
垂直框
在这里插入图片描述
榜单文本框
在这里插入图片描述
水平框,也就是每一栏的标题
在这里插入图片描述
水平框里的文字,三个是一样的,名字文本框的填充比例是2

在这里插入图片描述

装配完效果
在这里插入图片描述

二 把根据队伍选择颜色提升为公共方法

原来我们在显示击杀信息里,根据角色是否和玩家是同一个队伍,为文本框设置了不同的颜色,现在计分板里也需要这个功能,但是Fpp_ui和RankPanel是两个不同的蓝图类,要复用方法,我们需要将其提升为公共方法

在Utility蓝图类添加新方法,GetsSideColor,设置为纯方法
需要注意的是 get player pawn前,需要获取一个世界上下文,这个是系统自带 的公共变量
在这里插入图片描述

修改一下whoKillwho蓝图里的判断颜色部分
在这里插入图片描述

三 计分板的一行数据

新建UI对象

新建一个RankRow的UI蓝图,添加一个水平框和三个文本框,水平框的大小不需要调整,因为他会作为子项插入RankPanel里,到时候大小由内容控制
三个文本框设置为变量
填充模式,名字的填充比例为2,其他两个是1
水平拉伸,垂直对齐,文本内容居中
在这里插入图片描述
在这里插入图片描述

编写变量和函数

三个text是UI
添加队伍,杀敌数,死亡数和名字,将他们设置为构造参数,构造参数只能一个一个设置
在这里插入图片描述
在这里插入图片描述
在事件构造事件里编辑节点
在这里插入图片描述

四 按Tab键开关计分板

在FppShooter的事件图表里
在这里插入图片描述

五 打开计分板时,显示数据

由于我们没有记录杀敌数,角色也是随机生成的,这里只模拟一下打开后显示数据
在这里插入图片描述
在这里插入图片描述

此时按下tab键,可以打开计分板
在这里插入图片描述

http://www.dtcms.com/a/101879.html

相关文章:

  • Qt进阶开发:对象树与拥有权
  • 26考研——排序_插入排序(8)
  • J2EE框架技术 第一章 SSM框架搭建
  • maxDataPointsPerRollingArg must be at least 1
  • 斐波那契数列----C语言
  • ⭐算法OJ⭐俄罗斯套娃信封问题【排序 + LIS】Russian Doll Envelopes
  • AF3 process_tensors_from_config函数解读
  • True strength lies in embracing vulnerability as a gateway to growth.
  • 清晰易懂的TypeScript安装与开发环境配置教程
  • 主流云厂商的云原生技术栈(Cloud-native stack)及其核心组件对比
  • AIGC1——AIGC技术原理与模型演进:从GAN到多模态融合的突破
  • 备份是个好习惯
  • Android学习总结之通信篇
  • 基于 vue 做数字滚轮效果
  • UE5学习笔记 FPS游戏制作26 UE中的UI
  • Cline源码分析
  • 【力扣hot100题】(016)缺失的第一个正数
  • 一键实现:谷歌表单转word(formtoword)
  • springboot jpa Instant
  • Dubbo(22)如何配置Dubbo的服务提供者?
  • 【LeetCode】算法详解#2 ---和为k的子数组
  • 当AI代写作业成为常态:重构智能时代的教育范式
  • 关于JVM和OS中的栈帧的区别和内存浅析
  • mac m1/m2/m3 pyaudio的安装
  • 前端开发学习路线完整指南
  • Mysql-DCL
  • libpng-1.6.47-windows编译
  • IOS奔溃日志分析-克魔ios开发助手实战-以支付宝奔溃日志为例
  • 论工作中的学习
  • 物联网系统集成“教学+实训”实验室解决方案