Get the moves

{
  "moves": [
    {
      "slug": "squash-and-stretch",
      "name": "Squash and stretch",
      "family": "timing",
      "aka": [
        "squash & stretch",
        "squash and stretch animation",
        "bouncing ball animation",
        "elastic deformation"
      ],
      "summary": "An object flattens on impact and lengthens in fast travel while keeping its volume, so it reads as soft, alive and pulled by gravity.",
      "body": "Squash and stretch is the oldest trick for making a shape feel like it has mass. A ball lengthens along its direction of travel when it moves fast, flattens against the floor on contact, then springs back to round. The eye reads the deformation as weight and softness long before it reads the geometry.\n\nThe rule that makes it work is **volume preservation**: if the shape grows 30 percent on one axis, it shrinks on the other so the area stays about the same. `scaleX = 1 / scaleY` is a good starting point.\n\nIt works best on:\n\n- mascots, dots, balls and blobs\n- buttons and chips that get pressed or land\n- playful brands where a little rubber is welcome\n\nCommon mistakes:\n\n- scaling from the center instead of the contact point, so the ball floats above the floor while it squashes\n- stretching on the screen axis instead of along the velocity\n- deforming text, logos or product UI that must stay legible\n- holding the squash too long; two to four frames on contact is plenty",
      "goodFor": [
        "characters",
        "mascots",
        "playful brands",
        "bouncing objects"
      ],
      "examples": [
        "fanxing321-a52ec8",
        "notdwd-2c76f5"
      ],
      "related": [
        "anticipation",
        "arc-motion",
        "follow-through"
      ]
    }
  ]
}