Godot4补间动画Tween-Toy模板网

这篇具有很好参考价值的文章主要介绍了Godot4补间动画Tween。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

基础补间

本补间动画在 2d 层面执行，使用 godot4 版本

新建一个 sprite2d 作为我们的基础角色，创建过程不再赘述

为刚创建的 sprite 挂载如下代码，实现鼠标点击一个位置，sprite 自动移动到该位置

首先需要使用 create_tween() 获取 tween 实例

tween_property 接收四个参数：

参数一：欲添加补间动画的对象
参数二：初始状态（这是一个内部属性，可以使 position 也可以是 rotation_degrees）
参数三：截止状态，这里设置为鼠标点击位置
参数四：补间动画执行时长，单位为秒

extends Node2D

func _input(event):
	if event is InputEventMouseButton:
		var tween = create_tween()
		tween.tween_property(self,"position",event.position,1)

并行补间

在基础补间的基础上，我们在获取 tween 实例之时，使用 set_parallel 设置该实例下的所有补间动画均为并行执行的

什么意思？即所有动画都会在同一时刻进行

注意：在并行模式下，为避免动画冲突，使用 tween_property 设置动画时，被执行的属性最好是不一样的！即不可以同时设置两个 position 属性的动画！！！

extends Node2D

func _input(event):
	if event is InputEventMouseButton:
        # set_parallel设置为true，表示该实例下的所有动画均为并行执行的
		var tween = create_tween().set_parallel(true)
		tween.tween_property(self,"position",event.position,1)
		tween.tween_property(self,"rotation_degrees",self.rotation_degrees+180,1)

当然，你也可以单一的针对某一个动画使用并行模式

为 tween_property 之前添加 parallel 方法即可使其变成并行运行模式

extends Node2D

func _input(event):
	if event is InputEventMouseButton:
		var tween = create_tween()
		tween.tween_property(self,"position",event.position,1)
		tween.parallel().tween_property(self,"rotation_degrees",self.rotation_degrees+180,1)