This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
anim_char_tutorial [2017/11/10 08:55] – justin | anim_char_tutorial [2017/11/14 08:45] (current) – justin | ||
---|---|---|---|
Line 1: | Line 1: | ||
======Animating a Character====== | ======Animating a Character====== | ||
---- | ---- | ||
- | This tutorial will explain the basics of animation in RPG in a Box and will walk through the creation of some simple character animations, one for when the character is in an idle state (i.e. standing still) and one for when the character is walking. | + | This tutorial will explain the basics of [[animation]] in RPG in a Box and will walk through the creation of some simple |
**Note:** This tutorial assumes that you already understand the basics of using the [[Voxel Editor]] to build a model. | **Note:** This tutorial assumes that you already understand the basics of using the [[Voxel Editor]] to build a model. | ||
=====Creating the Base Model===== | =====Creating the Base Model===== | ||
- | (Create | + | To begin, we'll need to build a the base model for our [[character]]. Open the "New Resource" |
{{: | {{: | ||
=====Creating the Idle Animation===== | =====Creating the Idle Animation===== | ||
- | (Duplicate frame) | + | A [[character|character' |
+ | |||
+ | For this tutorial we'll create an idle [[animation]] having two frames, with the existing first frame serving as one of those. Click the "Duplicate | ||
{{: | {{: | ||
- | (Adjust | + | The editor will duplicate the current frame and switch the view to the new frame, in this case frame #2. Make some slight adjustments to the model, |
{{: | {{: | ||
- | (Define | + | Now that we have the two idle frames, we'll need to define it as an [[animation]]. Click the "Add Animation" |
{{: | {{: | ||
+ | |||
+ | In the "Add Animation" | ||
{{: | {{: | ||
- | (Click play button on anim toolbar | + | Click OK to finish defining the [[animation]], then click the " |
{{: | {{: | ||
+ | |||
+ | Click the " | ||
=====Creating the Walk Animation===== | =====Creating the Walk Animation===== | ||
- | (Simple | + | A simple |
{{: | {{: | ||
- | (First | + | In this new frame, |
{{: | {{: | ||
- | (Duplicate | + | Go to frame #1 and duplicate it again, then move it to the end by clicking the "Move Current Frame Right" button twice so it is now frame #4. This will be the second frame of our walk [[animation]]. The [[character|character' |
{{: | {{: | ||
- | (Third | + | The third and final frame of the walk [[animation]] should be similar to similar to the first one, but with the arms and legs flipped. Go to frame #3 and click the " |
{{: | {{: | ||
+ | |||
+ | Frame #5 should now look similar to the image below. | ||
{{: | {{: | ||
- | (Define | + | Now that we have the 3 frames created for the walk [[animation]], |
{{: | {{: | ||
+ | |||
+ | Click OK to finish defining the [[animation]], | ||
{{: | {{: | ||
- | At some point, explain how to tweak the speed as the animation is playing, may also need to be adjusted based on the character' | + | Click the " |
+ | |||
+ | =====Tweaking and Testing the Animations====== | ||
+ | After you've defined an [[animation]] in the [[Voxel Editor]], you can later adjust it from the [[Model Properties]] panel on the left. Expanding an [[animation]] in the list will display its settings, most of which can be edited. You can tweak the speed as an [[animation]] is playing to see the effect | ||
+ | |||
+ | {{: | ||
+ | |||
+ | Once you are done, save the model and [[exporting_your_game|export your game]] to test out the new [[animation|animations]] that you've created! | ||
{{: | {{: | ||
~~NOTOC~~ | ~~NOTOC~~ |