Home▸Physics & Mechanics▸Jelly Bounce: Squash & Stretch Soft Body (2D)

🍮 Jelly Bounce: Squash & Stretch Soft Body (2D)

2D Canvas companion to the 3D jelly body: a deformable blob falls under gravity, squashes on impact and rebounds, with live sliders for gravity, bounciness, stiffness and wobble.

Physics & Mechanics2DModerate60 FPS📱 Mobile-adapted⇄ 3D version

This 2D companion reworks the 3D jelly body's spring-based squash-and-stretch physics on a flat canvas: a soft blob falls under adjustable gravity, deforms toward an ellipse as it compresses on impact, and springs back thanks to a damped scale spring, with a live readout of height, velocity, current squash and bounce count.

⚙ Under the hood

Canvas2D squash-and-stretch: gravity accelerates a circular body, a floor collision reverses velocity by a restitution factor, and a damped spring pulls the vertical scale back toward 1 after each impact while procedural noise adds a subtle wobble to the outline.

soft body dynamicssquash and stretchrestitutionspring damping

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install