User Tools

Site Tools


anim_char_tutorial

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
anim_char_tutorial [2017/11/14 08:31] justinanim_char_tutorial [2017/11/14 08:45] (current) justin
Line 40: Line 40:
 {{:wiki:anim_char_move_frame_button.png?nolink|}} {{:wiki:anim_char_move_frame_button.png?nolink|}}
  
-In this new frame, modify the model so one arm is angled backward and the leg on the same side is angled backward. Also make adjustments to the other arm and leg but in reverse (the arm angled forward and the leg angled backward, as shown in the image below).+In this new frame, modify the model so one arm is angled backward and the leg on the same side is angled forward. Also make adjustments to the other arm and leg but in reverse (the arm angled forward and the leg angled backward, as shown in the image below).
  
 {{:wiki:anim_char_frame_03.png?nolink|}} {{:wiki:anim_char_frame_03.png?nolink|}}
Line 56: Line 56:
 {{:wiki:anim_char_frame_05.png?nolink|}} {{:wiki:anim_char_frame_05.png?nolink|}}
  
-Now that we have the 3 frames created for the walk [[animation]], click the "Add Animation" button ({{:wiki:add.png?nolink|}}) on the [[animation]] toolbar and define its settings as shown below. The walk [[animation]] will use the Ping Pong type instead of Loop like the idle [[animation]] used. With the Ping Pong type, the frames will be played in order, then reversed back to the start frame, and so on. In this case, the sequence of frames would be 3, 4, 5, 4, 3, 4, 5, etc.+Now that we have the 3 frames created for the walk [[animation]], click the "Add Animation" button ({{:wiki:add.png?nolink|}}) on the [[animation]] toolbar and define its settings as shown below. The walk [[animation]] will use the Ping Pong type instead of Loop. With the Ping Pong type, the frames will be played in order, then reversed back to the start frame, and so on. In this case, the sequence of frames will be 3, 4, 5, 4, 3, 4, 5, etc.
  
 {{:wiki:anim_char_walk_settings.png?nolink|}} {{:wiki:anim_char_walk_settings.png?nolink|}}
  
-Click OK to finish defining the [[animation]], then click the "Play" button ({{:wiki:control_play_blue.png?nolink|}}) on the [[animation]] toolbar to see the walk animation that you've created!+Click OK to finish defining the [[animation]], then click the "Play" button ({{:wiki:control_play_blue.png?nolink|}}) on the [[animation]] toolbar to see the walk [[animation]] that you've created!
  
 {{:wiki:anim_char_walk.gif?nolink|}} {{:wiki:anim_char_walk.gif?nolink|}}
 +
 +Click the "Play" button again to stop the [[animation]].
  
 =====Tweaking and Testing the Animations====== =====Tweaking and Testing the Animations======
-After you've defined [[animation|animations]] in the Voxel Editor, if you are unhappy with the playback speed and how it appears in-game, you can 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 in real-time.+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 in real-time.
  
 {{:wiki:model_props_anims.png?nolink|}} {{:wiki:model_props_anims.png?nolink|}}
 +
 +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!
  
 {{:wiki:anim_char_example_game.gif?nolink|}} {{:wiki:anim_char_example_game.gif?nolink|}}
  
 ~~NOTOC~~ ~~NOTOC~~
anim_char_tutorial.1510677066.txt.gz · Last modified: 2017/11/14 08:31 by justin