Engine

Creating an Animation

Roblox Studio features a built-in Animation Editor to design custom animations for in-game characters. To learn how to use the editor, you'll create an animation of a character doing a victory leap. Once finished, that animation can be played for any Roblox avatar.

Animation Setup

Before animating, you'll create a poseable character rig and name a new animation file in the editor.

  1. To create player animations, a character rig is needed. In the Avatar tab, click on Rig Builder.

    alt

  2. In the popup, make sure R15 is selected and then click Rthro Normal.

  3. To open the Animation Editor, go to PluginsAnimation Editor.

    alt

  4. Select the rig. Inside the Animation window, type in a name and click Create.

    alt

Create an Animation

The victory leap animation will be a series of keyframes, each one storing information for how parts are positioned. In total, the one second animation will have four keyframes for each pose of the leap.

Neutral
Crouch
Leap
Land

First Pose (Neutral)

The first pose will be the neutral pose with the character standing at rest. To start, you'll set keyframes to the rig's current pose.

  1. Make sure the rig is selected. Then, in the Animation Editor, click the + button. Select Add All to include all the parts in the rig in the editor.

    alt

  2. Set the neutral pose by right clicking on the top bar beneath the timeline and selecting Add Keyframe. You'll see a set of diamonds (keyframes) appear.

  3. Save the animation by clicking on the ... button and select Save.

    alt

Second Pose (Crouch)

The next pose will have the character posed to crouch before leaping up.

  1. Click on the top bar to set the animation time to a third of the length (e.g. 0:09).

    alt

  2. Select different body parts and use the Rotate tool to pose the rig. One way animators pose is to start with parts connected to the torso, like the shoulder. Then, move out to parts like the hand.

  3. To move the rig, switch to the Move tool by pressing R. Click the LowerTorso part (either in the rig or animation hierarchy) and position the body slightly down.

  4. Continue to pose the rig, switching between Move and Rotate by pressing R.

Third Pose (Leap)

  1. Set the animation time to the middle by clicking on the top bar.

    alt

  2. Animate using Rotate and Move to create a pose like below.

Front View
Side Angle View

Finish the Animation

To save time and transition between animation loops, the last pose will be a copied version of the first, neutral pose. Then, you can either leave the pose as is or tweak it to get a more interesting animation.

  1. Select the top keyframe (diamond symbol) in the timeline for the first pose. Notice how keyframes for each part are selected. Once you select all keyframes, copy them CtrlC (C).

    alt

  2. Move to the end of the animation (1:00 in the example) by clicking on the timeline. Then paste the keyframes using CtrlV (V). If desired, take some time to adjust the pose to add more detail in the animation.

    alt

  3. With the animation done, toggle Looping on, then press Play.

Export the Animation

A finished animation has to be exported to play it in games.

  1. Click the .. button in the upper-left section of the animation editor window.

    alt

  2. Select Export. Follow the dialog boxes and click Submit.

  3. Once the animation is exported, copy the ID by clicking the Copy icon. You should see a green "ID Copied!" text.

    alt

The copied ID can now be used in Roblox animations, as explored in the Scripting Avatar Animations course. Additionally, for more information about Animation see the Animation guides.