---
title: "How to create physics shapes for animated sprites?"
description: "Add the first frame with \"Add Sprites\", then click \"+\" to add the remaining ones. Use the dropdown to switch between different sprite frames."
canonical: "https://www.codeandweb.com/physicseditor/knowledgebase/animation-support"
product: "physicseditor"
source: "html"
---

# How to create physics shapes for animated sprites?

To create a physics shape that approximatively matches all frames of an animated sprite, follow these steps:

*   Click **Add Sprites** to add the first frame of your animation to the PhysicsEditor project
*   In the right-hand sidebar, click the "**+**" icon next to the filename to add the remaining animation frames.
*   Use the filename dropdown to switch between different sprite frames. This allows you to check whether the physics shape aligns well across all frames.

When working with animated sprites, the _Shape Tracer_ dialog offers different "Frame mode" options:

*   **Single frame** - Generates a shape based on the frame selected via the "Animation phase" slider.
*   **All frames - union** - Combines all sprite frames to create a shape that fully encompasses all frame outlines.
*   **All frames - intersection** - Creates a shape based on the overlapping area common to all frames.

## Structured data

```json
{
  "@context": "https://schema.org",
  "@type": "TechArticle",
  "headline": "How to create physics shapes for animated sprites?"
}
```