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

this.TweenPosition((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.

ClickToMove.cs

using Godot;
using tweens.gd;

public partial class ClickToMove : Sprite2D
{
    public override void _UnhandledInput(InputEvent @event)
    {
        if (@event is InputEventMouseButton { Pressed: true } click)
        {
            this.TweenPosition(click.Position, 1.2, Out.Back);
        }
    }
}

1. Catch the click. Godot passes every mouse press that no UI control used to _UnhandledInput.
2. Start the tween. Move this node to the click in 1.2 seconds; Out.Back overshoots, then settles. The call returns at once, and the tween plays over the next frames. C# needs this. to call an extension method on the node itself.

Other properties work the same way, such as TweenScale, TweenRotation, and TweenModulate. The catalog lists them all.

Try it

• Swap Out.Back for Out.Bounce, or 1.2 for 0.4.
• Add this.TweenRotation(Rotation + Mathf.Tau, 1.2, InOut.SmootherStep); below the first tween. Tweens of different properties play together, so the icon spins on its way. Turn on Spin too above to preview it.