AppyBuilder: Animation & Collision

31 Oct


Join Community:

Pixii Bomb By: Pixii Bomb

Part I:


Part II:

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).

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.

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
Leave a comment

Posted by on October 31, 2017 in Uncategorized


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: