# Animation & Collision Part I ![](https://i1.wp.com/AppyBuilder.com/img/pixiibomb3.png) **By:** [**Pixii Bomb**](http://community.appybuilder.com/t/admob-component-monetize-your-app-using-an-admob-banner-make-money/1313) {% embed url="" %} **TUTORIAL DIFFICULTY: Medium-Hard** This is not an easy tutorial for beginner users. It is recommended that you already be familiar with Image Sprite properties such as: heading, speed and interval, as well as the Clock component. **VIDEO DESCRIPTION:** Part 1 focuses on organizing sprites and creating collision detection "blockade" images, using Photoshop (or your image software of choice) The playable character (actor) should be able to walk in four direction: up, down, left and right. In order to animate the Actor walking, at least 3 images should be used for each direction, for a total of 12 images. Blockade images will be used as image sprites on the canvas in AppyBuilder. When the Actor collides with the blockade images, the Actor will not be able to move forward. This will prevent the Actor from walking on walls or tabels. Part 1 also introduced Tile Coordinates (instead of Pixel Coordinates). **Join AppyBuilder forum community at:** --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://help.appybuilder.com/tutorials/animation/animation-and-collision-part-i.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.