AnimatedSprite2D play a sequence of sprite to go with a tween movement

Help
, , ,
1

Godot Version

4.3 stable

Question

I don’t know if this is a noob question but I want my sprite to change depending on which way it is going but it just seems to jump to the last animation played, is there a way to stammer it to match up with the tween?

if Input.is_action_just_pressed("right") && _1_1_active == true && can_move_right == true:
	_1_1_active = false
	var move_tween = get_tree().create_tween()
	var move_tween2 = get_tree().create_tween()
	animated_sprite_2d.play("Right")
	move_tween.tween_property(self, "position", position + Vector2(24, 0), 0.6)
	animated_sprite_2d.stop()
	animated_sprite_2d.play("Up")
	move_tween.chain().tween_property(self, "position", position + Vector2(24,-64), 1.2)
	animated_sprite_2d.stop()
	animated_sprite_2d.play("Right")
	move_tween.chain().tween_property(self, "position", position + Vector2(32,-64), 0.2)
	animated_sprite_2d.stop()
	animated_sprite_2d.play("Up")
	move_tween.chain().tween_property(self, "position", position + Vector2(32,-96), 0.7)
	animated_sprite_2d.stop()
	animated_sprite_2d.play("Left")
	move_tween.chain().tween_property(self, "position", position + Vector2(-8,-96), 0.6)
	animated_sprite_2d.stop()
	animated_sprite_2d.play("Down")
2

tweens do not wait for tween_property to finish, the tween loads up all the requested animations and starts animating at the end of the current executing frame. For example, this re-ordering your code will function exactly the same:

if Input.is_action_just_pressed("right") && _1_1_active == true && can_move_right == true:
	_1_1_active = false
	animated_sprite_2d.play("Right")
	animated_sprite_2d.stop()
	animated_sprite_2d.play("Up")
	animated_sprite_2d.stop()
	animated_sprite_2d.play("Right")
	animated_sprite_2d.stop()
	animated_sprite_2d.play("Up")
	animated_sprite_2d.stop()
	animated_sprite_2d.play("Left")
	animated_sprite_2d.stop()
	animated_sprite_2d.play("Down")

	var move_tween = get_tree().create_tween()
	var move_tween2 = get_tree().create_tween()
	move_tween.tween_property(self, "position", position + Vector2(24, 0), 0.6)
	move_tween.chain().tween_property(self, "position", position + Vector2(24,-64), 1.2)
	move_tween.chain().tween_property(self, "position", position + Vector2(32,-64), 0.2)
	move_tween.chain().tween_property(self, "position", position + Vector2(32,-96), 0.7)
	move_tween.chain().tween_property(self, "position", position + Vector2(-8,-96), 0.6)

You can add methods to the tween with tween_callback, you must bind any arguments.

tweens are chained sequentially by default, so you can omit that function call.

animated_sprite_2d.play("Right")
move_tween.tween_property(self, "position", position + Vector2(24, 0), 0.6)

move_tween.tween_callback(animated_sprite_2d.play.bind("Up"))
move_tween.tween_property(self, "position", position + Vector2(24,-64), 1.2)

move_tween.tween_callback(animated_sprite_2d.play.bind("Right"))
move_tween.tween_property(self, "position", position + Vector2(32,-64), 0.2)

move_tween.tween_callback(animated_sprite_2d.play.bind("Up"))
move_tween.tween_property(self, "position", position + Vector2(32,-96), 0.7)

move_tween.tween_callback(animated_sprite_2d.play.bind("Left"))
move_tween.tween_property(self, "position", position + Vector2(-8,-96), 0.6)

move_tween.tween_callback(animated_sprite_2d.play.bind("Down"))
3

gertkeno you’re always coming to my rescue.

the path work didn’t want to work so i just manually drew the map on graph paper and thought manually move it with a tween.