Godot Label 节点


该博客,我将浅谈一下Godot中Label节点的含义,使用以及实际功能的实现。

这次的博客依据是来自开发游戏的老王的Godot教程中FlappyBird:8 让数据说话(显示分数)

那么我会结合自己的理解,来给大家详细讲述一下Label节点。

欢迎各位批评指正!


创建Label节点

在添加子节点中 —— 搜索:Label —— 点击创建


官网含义

Label节点,我们从英文字面上去通过中文翻译理解,它是标签;标记的意思。

那么在Godot中的节点使用,会不会也像英文翻译一样呢?

官网解释:
在这里插入图片描述


转换理解

那么Godot官网中描述的专业术语,对于初学者来说,是感觉有些很难理解的。

那么我们来换一种方法帮助大家理解。

在这里插入图片描述


在我们刚开始学习电脑办公软件的时候,会接触到PPT的制作。那么上面那张图片被红色矩形标注的文本框,是大家在设计文档的时候,再熟悉不过的了。

Label节点对应的含义,用我自己的理解来说:


其实就相当于一个可以包含自定义文本、字体、图像和一些基本格式的文本框

这就又等同于它的英文含义,像一个标签一样,存储我对应里面需要的内容,例如文字,但是又是一些计算机不太能够理解的内容。


更改Label位置及其大小

第一种方法:

直接在2D制作界面中进行拖动

在这里插入图片描述

第二种方法

选择Label节点的检查器——选择Rect——更改Position和Size

在这里插入图片描述

第三种方法

选择在Label节点的检查器——点击布局——按照实际需要,选择对应的位置

在这里插入图片描述
在这里插入图片描述


主要功能

1.输入文本

在这里插入图片描述


2.文字特效及摆放使用

调整文字位置摆放

可通过选择Align和Valign下拉小箭头,勾选调整对应文字的位置摆放

在这里插入图片描述
在这里插入图片描述


调整字体的格式

点开label节点检查器——下拉寻找Theme Overrides——选择Fonts——新建(这里按照自己需求新建,不固定),并勾选Fonts——在勾选后出现Font,找到Font Data——将所需对应字体拖入对应位置

在这里插入图片描述
在这里插入图片描述

调整文字大小

在导入字体之后选择Settings——选择Size更改大小

在这里插入图片描述


3.设置阴影

在检查器中找到Theme Override——勾选Constants——勾选你所需要的阴影

在这里插入图片描述
但是!这并不能显示阴影,大家一定要注意在此之前勾选colors里的Font Color Shadow才可有效果。


制作一个简易计时器

这里的制作过程,是来自如何使用外部字体和Label节点制作一个计时器

1.新建一个2D节点,再制作一个简单的Label节点,按照上文中主要功能对应位置所讲,勾选Font,并在Font Data中导入对应所需的字体文件。

注意:勾选Font之后,创建好Dynamic。点击Dynamic,才可出下方的小框框。
在这里插入图片描述

2.接着在Text输入文本”0”,再在小框框里的Settings中选择Size,更改对应文字大小。

在这里插入图片描述

3.其次,在Align和Valign更改为Center,并更改Label节点自身的页面布局。

在这里插入图片描述

4.然后勾选Colors里面的Font color Shadow勾选选择阴影,再在Constants调整阴影的大小。

在这里插入图片描述

5.设置TImer节点,并调整Timer的参数

在这里插入图片描述

6.为label节点添加脚本

#Counter.gd
extends Label

var time = 0

func _ready():
	text = str(time)
	$"../Timer".connect("timeout",self,"count")

func count():
	time += 1
	text = str(time)


7.运行成功

那么我们下期在结合代码中,讲解Label在FlappyBird中的使用以及代码详情。

再次感谢,开发游戏的老王的Godot教程

  • 6
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

柠檬茶12138

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值