How to place this sprite after the animation finishes?

Question

So I have attackable grass in my Action RPG like Zelda, and I want to place a sprite of broken grass right after the breaking animation finishes. But the sprite is placed right as the animation plays. I don't know how to make the sprite wait until the animation is done. Here's the script:

extends Node2D

const GrassEffect = preload("res://Effects/GrassEffect/BrokenAttackableGrass.tscn")
const GrassPieces = preload("res://Other/GrassPieces.tscn")

func placegrasspieces():
var grassPieces = GrassPieces.instance()
getparent().addchild(grassPieces)
grassPieces.globalposition = global_position

func creategrasseffect():
var grassEffect = GrassEffect.instance()
getparent().addchild(grassEffect)
grassEffect.globalposition = global_position

func onHurtboxareaentered(area):
creategrasseffect()
queuefree()
<-------------------------------- I want to put the "waiting" action here.
placegrass_pieces()

Answer 1

You can do something after an animation completes by coupling coupling yield with an animation player's animation_finished signal. Generally, that looks like this:

animationPlayer.play("idle")
yield($AnimationPlayer, "animation_finished")
# --- code here executes *after* the running animation finishes...

Comments

Yea, I've seen that done when looking at other posts, but the animation the grass is connected to doesn't have the Animation Player connected, only the animation :/, I'll try this again, but I'm pretty sure I can't use this method.