RSS

AppyBuilder: Animation & Collision

31 Oct

logo

Join Community: http://Community.AppyBuilder.com

Pixii Bomb By: Pixii Bomb

Part I:

 

Part II:

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
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
Advertisements
 
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:

WordPress.com Logo

You are commenting using your WordPress.com 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 )

Google+ photo

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

Connecting to %s

 
%d bloggers like this: