This example demonstrates how to play animations from other models in the Galacean editor. Through simple steps, you will learn how to let one model reuse the animations of another model. This guide is suitable for beginners to understand the animation system of the Galacean editor and lays the foundation for more complex animation applications. If this is your first time using the animation editor, it is recommended to read this document first:

Play Animation in Model

0. Preparation

Before starting, we need a model without animations and a model with only animations (the character model must contain entities with the same names as the animation model). If you don't have models, you can download one from mixamo.

Download Model

1. Select a model in mixamo

Click download directly

2. Select an animation in the Animation Tab

Select the Without Skin option, then click download

Import Model

If you don't know how to import models, please refer to: Import Model

Import the character model and animation model into the editor.

1. Create AnimatorController Asset

To play animations from other models, we need to edit the content of the AnimatorController. The AnimatorController in the model is read-only, so we need to create an AnimatorController ourselves. If you don't know how to create an AnimatorController, please refer to: Create AnimatorController

2. Edit AnimatorController

1. Double-click the AnimatorController asset to enter the AnimatorController editor (for an introduction to the functions of the editor, please refer to the AnimatorController Editor document)

2. Click the Add Animation State button to add an AnimatorState

3. Click the AnimatorState (for an introduction to the properties of the Animation State, please refer to the AnimatorState document), and bind the AnimationClip from the animation model.

4. Connect from entry to this AnimatorState and click the connection line to change the Duration to 0 (for a detailed introduction to AnimatorState and Animation Transition, please refer to the AnimatorStateMachine document). This way, when this AnimatorController is applied, it will immediately play this AnimatorState .

3. Use AnimatorController and Preview

1. Drag the model into the scene

2. Unlike directly playing animations in the model, we need to find the Animator component (detailed introduction) of the animation model. The component is generally on the root entity of the model instance, which is the first child entity under the model entity in the editor. Therefore, we need to drag the model containing the animation into the node tree as well.

We find that the Animator component is on the mixamorig:Hips entity of the animation model, so we need to add the Animator component to the mixamorig:Hips entity of the character model.

3. Replace the AnimatorController property with the AnimatorController we just created

4. Click the play button, and you will see the model start playing the animation