Squash and Stretch

Part of the Game Feel section of Coddy's Godot journey. Lesson 18 of 23.

Cartoons squash a character when it is hit, then let it spring back. This makes the hit look heavy.

A squash is a tween with two steps on scale. The first makes the robot wider and flatter. The second springs back to Vector2(1, 1) with Tween.TRANS_ELASTIC, which goes past the normal size and wobbles before it settles.

var wobble = create_tween()
wobble.tween_property(self, "scale", Vector2(1.4, 0.6), 0.08)
wobble.tween_property(self, "scale", Vector2(1, 1), 0.5).set_trans(Tween.TRANS_ELASTIC).set_ease(Tween.EASE_OUT)

This is a second tween, next to the flash tween. Two tweens can run side by side when they change different properties.

Challenge

Easy

Squash the robot when it is hit.

After the flash in hit(), make a second tween called wobble.
Tween scale to Vector2(1.4, 0.6) in 0.08 seconds.
Then tween it back to Vector2(1, 1) in 0.5 seconds with Tween.TRANS_ELASTIC and Tween.EASE_OUT.

Press Play and press E: the robot flattens and springs back. Then Check.

Try it yourself

extends Node2D

func hit():
	modulate = Color(4, 4, 4)
	var tween = create_tween()
	tween.tween_property(self, "modulate", Color(1, 1, 1), 0.3)

All lessons in Game Feel

1Tweens

Your First Tween Tween Any Property Fade Out Ease Out One After Another At the Same Time A Coin That Pops

4Flashes and Feedback

Flash on a Hit Hit FreezeSquash and StretchFloating Numbers

2Camera

A Camera That Follows Camera Limits A Smooth Camera Screen Shake

5Animation

AnimationPlayer Play on a Key When It Finishes Play It Backwards

3Particles

Particles A One Shot Burst Color and Amount Break a Crate

Practice on your own: Godot playground