Your first tweenYour first tween

Click anywhere on the stage. The line of code at the bottom sends the Godot icon there.

Animations are paused

Reduce Motion is on, or Animation Effects are off.
(e.g. in your accessibility settings)

Enable this demoApplies to this demo until you reload.

(0, 0)1152 × 648Click anywhereTap anywherePress Enter

Tweens.play(self, Tweens.position_2d([864, 324], 1.2, Out.BACK))

Ease

LinearCubicBackElasticBounceSmootherstep

Duration

1.2 s

Spin tooReplay

Scripting it

Create a 2D scene and drag icon.svg from the FileSystem dock into it. Attach this script to the new Icon node, then run the scene and click around.

click_to_move.gd

extends Sprite2D

func _unhandled_input(event: InputEvent) -> void:
  if event is InputEventMouseButton and event.pressed:
    Tweens.play(self, Tweens.position_2d(event.position, 1.2, Out.BACK))

1. Catch the click. Godot passes every mouse press that no UI control used to _unhandled_input().
2. Start the tween. Tweens.position_2d() describes the move: to the click in 1.2 seconds, where Out.BACK overshoots, then settles. Tweens.play() starts it on this node and returns at once; the tween plays over the next frames.

Other properties work the same way, such as Tweens.scale_2d(), Tweens.rotation_2d(), and Tweens.modulate(). The catalog lists them all.

Try it

• Swap Out.BACK for Out.BOUNCE, or 1.2 for 0.4.
• Add Tweens.play(self, Tweens.rotation_2d(rotation + TAU, 1.2, InOut.SMOOTHER_STEP)) as a second line under the if. Tweens of different properties play together, so the icon spins on its way. Turn on Spin too above to preview it.