# Animation & Collision Part II ![](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. You should also know how to create multiple layers and transparent layers in Photoshop (or your image software of choice). **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). Part 2 puts everything together in AppyBuilder. We’ll create procedures to set sprites on the canvas using Tile Coordinates. Two clock components will animate the actor and additional decorative sprites. Floating buttons will be used as a control pad, and the collision detection blockade images will be implemented. **DOWNLOAD RESOURCES**:\ [https://drive.google.com/file/d/0B9n4xwyisMrGUHh6VnptLVRsMjg/view?usp=sharing3](https://drive.google.com/file/d/0B9n4xwyisMrGUHh6VnptLVRsMjg/view?usp=sharing)\ Project .ZIP Folder Contains: * 2 Sprite Sheets from RPG Maker MV * Photoshop File: Map (includes layers for Blockade Images and Coordinate Tiles) * RPG Animation AppyBuilder .aia file **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-ii.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.