2.1 The Animation window: features and settings

2.2 Editing Animation Clips

2.3 Model-specific animation import settings

2.4 Cutting imported Animation Clips

2.5 Setting the Root Motion of imported Animation Clips

2.6 Finishing an Animation Clip: additional settings

2.7 Creating and configuring Animation Events

2.8 Configuring Generic Rigs

2.9 Configuring Humanoid Rigs

In this learning project, you'll explore how to work with Assets as you create animations using the Unity Animation systems.

Working with Assets

1.1 Welcome to the course

1.2 Core concepts: animation data

1.3 Core concepts: animation blending

3.1 Introduction to the Animator component

3.2 Introduction to animation blending

3.3 Creating and configuring Animator States

3.4 Creating and configuring Blend Trees

3.5 Creating and configuring Transitions

3.6 Creating a State Machine

3.7 Creating and configuring Animator Layers

4.1 Introduction to general animation scripting

4.2 Introduction to Humanoid-specific animation scripting

Introduction to 3D Animation Systems Assets

Review the core concepts underlying Unity's 3D animation systems, and explore practical examples provided in the course Unity project.

Course overview and core concepts

In this learning project, you'll get to know the Animator as you explore animation blending, State Machines and Animation Layers. 

By the end of the project, you'll have completed a comprehensive overview of Unity's 3D Animation Systems

The Animator

In this final learning project, you'll review the basics of general and Humanoid-specific animation scripting.

Introduction to animation scripting

In this course, you'll explore the fundamentals of Unity’s 3D animation systems. You will:

Review the core concepts for the animation systems in Unity

Connect those core concepts to the functionality of the Unity Editor

Apply your learning through creating and modifying simple animations

Review key principles of scripting for animation


By the end of this course, you'll be able to:

Confidently use Unity's 3D animation systems to create basic in-game (or in-app) animations for your own projects

Begin to create custom animation scripts, if you have relevant C# scripting experience for Unity.


This course is for intermediate and confident beginner users of Unity. It will help you develop your understanding of the animation systems in Unity, but will be of limited use to learners who want to create cinematic animations for media experiences or game cutscenes. 

To get the most out of the course, you’ll need basic coding experience in Unity. This will help inform your understanding of the complexity of different animations scripting scenarios.

Introduction to 3D Animation Systems

23256a4e-690d-5e37-b181-90889f694d75:IJ50VM7ryBj2kIwUvpBrEz

Overview

Before you begin

Recap: Data on Animation Clips

Review an example animation

Editing imported Animation Clips

Animation Clip context

Animation Clip context: StreetLamp example

Review the Animation window modes

Review the Animation window toolbar

Select or create an Animation Clip

Filtering the Animation Curves for an Animation Clip

Adding keyframes and Animation Events

Summary

2.1.4_1_reviewAnExampleAnimation.mp4

2.1.9 GIF silent video Example of entering preview mode.mp4

2.1.9 GIF Example silent video, illustrating the above  person taking this should discuss with RW James before starting.mp4

In this tutorial, you’ll review key features and settings of the Animation window in context. 

VR Curricular Framework Resources

AR Curricular Framework Resources 

Game Design Curricular Framework Resources  

Architecture, Engineering and Construction Curricular Framework Resources

In 1.2: Animation systems core concepts: Animation data, you explored how animation data exists as bindings and values. 

Develop your understanding of how bindings and values are represented in the Animation window. 

Explore the basics for viewing Animation Clips in the Animation window.

This tutorial uses the Introduction to 3D Animation Systems Unity project. If you haven't already done so, download this before continuing.

2.  In the Project window, go to Assets > 2.1 Animation Window Features and Settings. 

All the assets you need for this tutorial are located in this folder. 

The animation data stored on Animation Clips exists in two parts: bindings and values. 

Before you begin this tutorial, let’s recap the key information about this data:

Bindings indicate which field of a GameObject or Component should be changed during the animation playback. 

Values indicate what the field should be changed to at a given time. Typically, these values are a float (fractional value) that changes over time and is represented as a curve. 

The Animation window (which is not the same as the Animator window) shows the bindings and values associated with an Animation Clip.

You can use the Animation window to edit both the bindings and values of an Animation Clip.

Let’s start by reviewing an example animation that’s a little different to the circle and square example in the Core Concepts tutorials. 

In this tutorial, you’re going to explore an animation of a street lamp. 

1.  In the Project window, go to Assets > 2.1 - Animation Window Features and Settings > Scenes and double-click on the StreetLampExample Scene to open it.


2.  Press the Play button to enter Play Mode to check that the animation works. You should see a streetlamp with a flickering light.


3.  Press the Play button again to exit Play Mode. 


4.  In the Project window, go to 2.1 - Animation Window Features and Settings > AnimationClips and double-click on the LightFlicker Animation Clip to open it in the Animation window. 

This Animation Clip has a single binding-value pair that changes the Intensity field of the Light component.


5.  Make sure that the Animation window  is set to Curves Mode, so that when you start editing the values you can see the changes more clearly. 

Play mode is entered and the Game view shows a street lamp with its light flickering on and off.

The Animation window displays an Animation Clip called LightFlicker. At the bottom of the window the Dopesheet and Curves buttons are called out and the Curves button is selected.

The Animation Clips for the StreetLamp animation were created directly in Unity, but you can also import models with Animation Clips created in other software. Animation Clips that are imported as part of a model are read-only and cannot be edited.

If you want to edit an Animation Clip that has been imported as part of a model, you can duplicate the Animation Clip asset and edit this new Animation Clip. The copy of the Animation Clip will not be associated with the model, and therefore it will not change if the model’s import settings are changed.

Let’s duplicate and edit an Animation Clip for an imported HumanoidCrouch model:


1. In the Project window, go to Assets > 2.1 - Animation Window Features and Settings > AnimationClips folder and select the HumanoidCrouch model.


2. Click the foldout arrow to the left of the HumanoidCrouch model icon, to show its sub-assets. This model has several Animation Clips nested beneath it. 


3.  Select one of the Animation Clips to view it in the Animation window. 


4.  Press Ctrl + D (Windows) or Cmd + D (MacOS) to duplicate the Animation Clip. 

You can now edit the properties in the new Animation Clip, but remember that it is no longer associated with the HumanoidCrouch model.

In Unity, you can hide read-only properties. To hide or reveal these properties: 


1.  In the Animation window, select the contextual menu next to the timeline (the lower of two adjacent context menus). 


2.  Enable or disable Show Read-only Properties to reveal or hide read-only properties. 

In the Project window the Assets > 2.1 - Animation Window Features and Settings > AnimationClips folder is open. The HumanoidCrouch asset is selected and expanded.

The Animation window is in Dopesheet mode and shows the HumanoidCrouchWalk Animation Clip.

The top right of the Animation window with the contextual menu button called out. The contextual menu is open and the Show Read-only Properties option is called out.

There are two ways you can view Animation Clips in the Animation window: as an asset or in context. The approach you choose will impact the ways the Animation Clip can be edited.

When you view an Animation Clip as an asset, the Animation window does not have any context of the GameObject(s) that will be used to play it. This means you cannot add any more Animation Curves to the Animation Clip as Unity doesn’t know which fields are available to be added.

In the Project window, select the Animation Clip to open it.

When you view an Animation Clip through the GameObject Hierarchy, the Animation window does have context. This means you can add additional Animation Curves.

In the Hierarchy, select the GameObject with an Animator Controller containing the Animation Clip. The Clips referenced by the Animator Controller will be available in the Animation window, and you will be able to access the settings which require context.

This idea of context affects the features of the Animation window in other ways, too. For example, without context, an Animation Clip cannot be previewed.

As you explore the different features, settings and tools of the Animation window, you will learn if and how context affects each element.

Let’s use the StreetLamp example to explore the concept of context in the Unity Editor.

To view the LightFlicker Animation Clip as an asset:

In the Project window,, go to Assets > 2.1 - Animation Window Features and Settings > AnimationClips and select the LightFlicker Animation Clip to open it in the Animation window.

The Add Property button is disabled, which means that you cannot edit the existing Animation Curve. This is because you’re viewing the Animation Clip without the context of a GameObject. 

To view the LightFlicker Animation Clip in the context of a GameObject:

In the Hierarchy, select the StreetLamp GameObject. The LightFlicker Animation Clip will appear in the Animation window. 

If you want to edit the Animation Clip, you can now access the properties on the GameObject. This is because the Animation window has detected the context for the Animation Clip. The Add Property button is now enabled. 

You’ll learn more about editing Animation Clips in the next tutorial. 

The Animation window displaying the LightFlicker Animation Clip. The Add Property button is greyed out and called out.

The Animation window displaying the LightFlicker Animation Clip. The Add Property button is called out.

Now you’ve learned how Animation clips can be opened and edited in the Animation window, let’s explore some of the functions of the Animation window in more detail.

Animation Clips are made up of two parts: values and bindings. The Animation window is split into two main areas, one for each part of an Animation Clip, with the bindings on the left and the values on the right.

For each binding in the Animation Clip, there is a collection of keyframes that make up the corresponding values. These keyframes hold information on the value of the Animation Curve at a specific time, as well as how to interpolate the values in-between.

The values in an Animation Clip can be viewed in the Animation window in two different modes: Dopesheet mode and Curves mode.

Dopesheet mode is a condensed view where only the keyframes themselves are shown. This view is useful when you want to see how the keyframes are laid out, or when the keyframes represent object references instead of float values. This is common in 2D animation, when different sprites are swapped with each keyframe. 

The Curves mode shows the keyframe values and their interpolation, for either all the bindings or just the selected ones.

This course is focused on Unity’s 3D animation systems, but the majority of the content also applies to 2D animation in Unity. However, this course does not cover Object Reference Curves, which are used for Sprite animation.

So far in this tutorial you’ve been viewing Animation Clips in Curves mode. Let’s change the Animation window to Dopesheet mode:


1.  In the bottom left of the Animation window, select the Dopesheet tab to change to Dopesheet mode. 

You’ll notice that this mode is much more condensed than Curves mode, and it doesn’t show any of the details about the animation you’re going to need in this tutorial.


2. Select the Curves tab to change back to Curves mode.

Whether you’re in Dopesheet or Curves mode, there’s always a timeline across the top of the Animation window. It shows the time in a seconds:frames format. For example, 1:15 means 15 frames and 1 second from the start of the Animation Clip. 

To change the speed of your animation, you can change the number of frames per second. To do this:

1.  In the context menu next to the timeline, select Frames.  


2.  Open the same context menu again and select Show Sample Rate.


3.  You can then set the number of frames manually in the Animation window. 


Alternatively, you can use the context menu to select Set Sample Rate and choose one of the available options to change the speed. 

The Animation window with a callout on the left surrounding the area displaying the properties of the Animation Clip and a callout on the right surrounding the curves of the Animation Clip.

The Animation window displaying the LightFlicker Animation Clip in Dopesheet mode.

The context menu from the top right corner of the Animation window, to the right of the timeline is open.

The Samples property from the top left of the Animation window.

On the left side of the Animation window, above the bindings, there are several buttons and settings that help you view and edit the data on your Animation Clip. 

If you’re viewing an Animation Clip as an asset, some of these buttons will be inactive. Select the relevant GameObject in the Hierarchy to view the Animation Clip in context and access all of these tools.

The first button is the Preview button. When you’re in Preview mode, both the timeline and any properties in the Inspector that are being previewed will be tinted blue. 

Enabling this mode temporarily sets the values of the Animation Clip to the GameObject, so you can preview how it will look. This means the setting will be unavailable if the Animation Clip is being viewed as an asset. 

You can also click and drag on the timeline above the curves display to enter Preview mode.

The next button in the Animation window toolbar is the Record button. When you’re in Record mode, both the timeline and any properties in the Inspector that are being previewed will be tinted red. 

Similar to Preview mode, enabling Record mode will temporarily set the values of the Animation Clip to the GameObject. The critical difference is that any changes to properties you make while this mode is enabled will be recorded to the Animation Clip. 

The changes you can make and save in this mode include:

Adding new bindings to the Animation Clip

This means you can change the properties of GameObjects and that any new values, bindings and keyframes will be recorded to the Animation Clip.

The timeline playhead indicates the exact point on the timeline that is being previewed. 


The next five buttons on the toolbar are for setting the position of the timeline playhead. 

You can only use the Play button here if you’re viewing the Animation Clip in context. When you press this button:

The animation will start playing from the playhead’s current time.

You’ll be able to see the animation in the Scene view.

The buttons on either side of Play are available whether you are viewing the Animation Clip as an asset or in context. You can use them to move the playhead between keyframes. They move the playhead to the first, previous, next or last keyframe respectively.

To the right of the last five buttons, there’s a numerical field you can also use to set the position of the playhead. The number represents the position of the current frame. Changing this number will change the position of the playhead.

If the Animation Clip is being viewed in context, and you select one of the playhead position buttons or change the numerical field, Preview mode will be activated. 

The top row of buttons from the top left of the Animation window.

The top row of buttons from the top left of the Animation window. The Preview button is called out.

The mouse pointer clicks on the timeline of the Animation window. The timeline becomes shaded blue and the Preview button is highlighted.

The top most row of buttons from the top left of the Animation window. The Record button is highlighted red.

The Inspector for the Light component has the Intensity property highlighted in red indicating it is part of the Animation Clip and is being recorded. The mouse pointer clicks and drags on the name of the Intensity property to change its value. This change is reflected in the curve of the Animation Clip.

The Animation window displays the LightFlicker Animation Clip. A white line shows the time currently being previewed. It is called out.

The navigation buttons from the top left of the Animation window. They are the first frame button, the previous frame button, the play button, the next frame button and the last frame button.

The top most row of buttons from the top left of the Animation window. The current frame property is called out.

On the second row of settings and buttons in the Animation window, you’ll see the name of the Animation Clip you're currently viewing. 

To select a different Animation Clip or create a new one when you’re viewing an Animation Clip in context:


1.  In the Animation window, select the Animation Clip name to open a drop-down selection menu.


2.  Select any of the Animation Clips currently being used by the Animator Controller, or select Create New Animation Clip to create a new Animation Clip.


If you create a new Animation Clip, it will automatically be added to the Animator Controller that is currently being used, placing it in the context of the current GameObject. 

The Animation window has the LightFlicker asset selected and the top left of the Animation window shows the LightFlicker name and is called out.

The Animation window has the LightFlicker Animation Clip displayed through a GameObject. The LightFlicker name has been clicked on so that the selection menu can be seen.

As a general rule, the more complicated the Animation Clip, the more Animation Curves there will be in it. If there are lots of Animation Curves in your Animation Clip, it’s useful to be able to filter which you see. 

To filter the Animation Curves so that you can only see those associated with selected GameObjects:


1.  In the Hierarchy, select the GameObject (or any of its children) for which you want to see the associated Animation Curves.


2.  In the Animation window, click Filter by selection (to the right of the Animation Clip name). 

You might use this filter functionality when you’re viewing a character animation but you want to focus specifically on the hand animation. To see only the Animation Curves associated with the hand Transforms, you would:

1.  In the Hierarchy, select the child GameObject for the hand. 

2.  In the Animation window, click the Filter by selection button. 

The button to the right of the Samples property in the top left of the Animation window is highlighted.

The final two buttons you will review in this tutorial add keyframes and Animation Events. 

The Add keyframe button adds a keyframe to every selected Animation Curve at the playhead’s current time. If you haven’t selected any Animation Curves and you click Add keyframe, a keyframe will be added to all Animation Curves associated with the selected GameObject. 

The Add event button adds a new Animation Event. It works whether you’re viewing the Animation Clip as an asset or in context, but this will impact how the Animation Event is set. You will learn more about Animation Events in 2.7: Creating and configuring Animation Events.

The two buttons on the right of the second row of buttons at the top left of the Animation window are highlighted.

In this tutorial, you have explored the Animation window’s different features. You’ve learned:

That you can duplicate imported Animation Clips to edit them

The different functions available in the Animation window when you view Animation Clips as an asset or in context

The difference between Dopesheet and Curves modes

You’ve also reviewed each button in the Animation window.

Although you’ll explore some of the features in more detail further on in this course, this overview will enable you to use the Animation window with confidence. It provides a foundation for the other tutorials you will complete in this learning project.

In the next tutorial, you’ll create and edit Animation Clips in the Unity Editor.

2.1 The Animation window: features and settings

1. Overview

2. Before you begin

3. Recap: Data on Animation Clips

4. Review an example animation

5. Editing imported Animation Clips

6. Animation Clip context

7. Animation Clip context: StreetLamp example

8. Review the Animation window modes

9. Review the Animation window toolbar

10. Select or create an Animation Clip

11. Filtering the Animation Curves for an Animation Clip

12. Adding keyframes and Animation Events

13. Summary

Complete this tutorial