godot 4 tween动画

本文介绍了如何在Godot4中使用TWEEN库创建并控制Node2D的动画,包括位移和缩放,以及设置动画的并行执行和缓动效果。
摘要由CSDN通过智能技术生成

godot 4 tween动画

  1. 工程结构
    在这里插入图片描述
  2. 动画代码
extends Node2D

@onready var sprite = $Sprite2D
@onready var sprite_position = sprite.position
@onready var sprite_scale = sprite.scale

var target_position = Vector2(800,100)
var target_scale = Vector2(1,1)

func _ready():
	move()


func move():
	# 创建tween动画
	var tween = create_tween()
	# 设置接下来的动画将同时执行,默认为true
	tween.set_parallel()
	# 位移
	tween.tween_property(sprite, "position", target_position, 0.6).set_ease(Tween.EASE_IN).set_trans(Tween.TRANS_QUAD)
	# 放大
	tween.tween_property(sprite, "scale", target_scale, 0.6).set_ease(Tween.EASE_IN).set_trans(Tween.TRANS_QUINT)
	# 串联执行两个动画
	tween.chain().tween_property(sprite, "position", sprite_position, 0.6).set_ease(Tween.EASE_IN).set_trans(Tween.TRANS_QUINT)
	tween.chain().tween_property(sprite, "scale", sprite_scale, 0.6).set_ease(Tween.EASE_IN).set_trans(Tween.TRANS_QUINT)
	# 等待动画完成
	await tween.finished
  1. 执行效果
    在这里插入图片描述
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值