From Unify Community Wiki
Revision as of 18:06, 28 June 2009 by Adrian (Talk | contribs)

Jump to: navigation, search

Author: Adrian



Complex animations are best done using Unity's animation system and bones. But there are times when you just need to move a block or during rapid prototyping when you don't want to bother a 3d application. Unity provides some functions for those cases like Lerp, Repeat, PingPong etc. They are fine and can be very powerful using coroutines. However, inspired by TweenLite library from Flash, I wanted a simpler approach that would allow me to dispatch an animation and not have to bother with it further, while also making my code a bit simpler.


  • Animate any field/property that supports +/-/* mathematical operations.
  • Apply easing to animation to create more pleasing transitions.
  • Chain / delay animations.
  • Animate rigidbodies
  • Animate rotation


To install AniMate, simply import the script into your Standard Assets/Scripts folder. AniMate is then available from any script outside of the Standard Assets folder and from any Boo script inside it.


Download AniMate here: [1] v1.6

Version History

v1.6 (28. June 2009)

  • Animate named colors on materials with the colorName option
  • New Easings: Back, Bounce and Elastic
  • Stop animation when an object is deleted
  • Work around for unused variable warning
  • Few small bug fixes error reporting improvements

v1.5 (24. February 2009)

  • Create dynamic methods instead of using reflection for setting values (50% - 100% faster)
  • New fps option to update slower if the animation doesn't need to fluent (like for particle systems)
  • New replace option to remove all existing animations when creating a new one
  • New Has() method to check for existing animations
  • Switch to LGPL

v1.0.1 (16. July 2008)

  • Fixed compatibility with C# ("Cannot convert type `System.Collections.Hashtable' to `Boo.Lang.Hash'")

v1 (4. July 2008)

  • Initial release

Quick Introduction

Animations are created with To, From and By. All three methods take three arguments:

  1. The object you want to animate properties on (this for current object)
  2. The duration of the animation in seconds
  3. A Hash containing the properties to be animated as keys and the target as value. The Hash can also contain AniMate options.

For example, to move a game object to another position: <javascript>Ani.Mate.To(gameObject.transform, 2, {"position": new Vector3(0,20,0)});</javascript> It's also possible to animate multiple properties with one call: <javascript>Ani.Mate.To(gameObject.transform, 2, {"position": new Vector3(0,20,0), "localScale": new Vector3(2,2,2)});</javascript>

AniMate can also be used with C# and Boo: <boo># Boo: Ani.Mate.To(transform, 2, {"position": Vector3(0,20,0)})</boo>

<csharp>// C#: Hashtable props = new Hashtable(); props.Add("position", new Vector3(0,20,0)); Ani.Mate.To(transform, 2, props);</csharp>


AniMate is available from any script using Ani.Mate. It provides following methods:


  • To(object :Object, duration :float, properties/options :Hashtable) :WaitForSeconds(duration)
  • To(object :Object, duration :float, properties :Hashtable, options :Hashtable) :WaitForSeconds(duration)

Create an animation from the current value to the given value.

<javascript>// Move object from it's current position to (10,0,0) Ani.Mate.To(transform, 3, {"position": new Vector3(10,0,0)});</javascript>


  • From(object :Object, duration :float, properties/options :Hashtable) :WaitForSeconds(duration)
  • From(object :Object, duration :float, properties :Hashtable, options :Hashtable) :WaitForSeconds(duration)

Create an animation from the given value to the current value.

<javascript>// Move object from (0,0,0) to it's current position Ani.Mate.From(transform, 3, {"localScale": new Vector3(0,0,0)});</javascript>


  • By(object :Object, duration :float, properties/options :Hashtable) :WaitForSeconds(duration)
  • By(object :Object, duration :float, properties :Hashtable, options :Hashtable) :WaitForSeconds(duration)

Create an animation from the current value and animate by the given value.

<javascript>// Move object by 10 units on the x axis Ani.Mate.By(transform, 3, {"localScale": new Vector3(10,0,0)});</javascript>


  • Has(object :Object) :bool
  • Has(object :Object, name :string) :bool

Check if there are any animations for given object or field/proeprty.

<javascript>// Only start new animation if there isn't already one if (!Ani.Mate.Has(transform, "position")

   Ani.Mate.To(transform, 2, {"position":});</javascript>


  • Stop(object :Object, name :string)

Stop animations on an object for a given field/proeprty.

<javascript>Ani.Mate.Stop(transform, "position");</javascript>


  • StopAll(object :Object)

Stop all animations on a given object.



The hash that is given to To, From and By can contain AniMate options. Options can also be passed to those methods as separate hash for applying the same options to multiple animations or to avoid name conflicts.


  • {"easing": AnimationEasing class}

Easing allows to make an animation non-linear. LinearEasing is the default and means that the change will be constant over the whole animation. Different easings can be chosen to, for example, make the animation start fast and the slow down when it approaches it's target. See Easing Classes for what different kinds of easing types are available.

Easing Direction

  • {"direction": EasingType.In / EasingType.Out / EasingType.InOut}

Easing also has a direction that's either In, Out or InOut. In generally means the animation starts fast and then slows down, Out means the animation starts slow and and ends fast and InOut means the animation starts slow, is fastest at halfway and then slows down again.


  • {"delay": delay in seconds}

If you don't want an animation to start immediately, you can delay the animation with this option.


  • {"rigidbody": Rigidbody instance}

Shorthand for animating rigidbodies. This makes sure the rigidbody is animated so that it correctly interacts with other physics objects. This option only applies to "position" and "rotation" properties. This is equivalent to {physics: true, callback: rigidbody.MoveXX}.


  • {"physics": true / false}

Usually animations are processed in the Update() loop. Setting physics to true will instead process the animation in the FixedUpdate() function. This is necessary if you want to animate a rigidbody that interacts with physics.


  • {"colorName": "Name of color on material"}

It's simple to animate the main color of a material by using AniMate with material.color and the individual color properties. For named colors, it's not that straight-forward, however. AniMate provides a built-in callback for this case, which is triggered by setting the colorName option. In this case, the material has to be passed as the main object and the name of the color (as used with the GetColor() SetColor() functions) has to be supplied with colorName. It's then possible to animate the r, g, b and a properties as usual.


  • {"callback": callback, callable or delegate}

Setting the callback option to a function (callable, delegate or what you want to call it) will not directly apply the animated value to the object but instead pass it to the callback function. This can be used together with RigidbodyMover and RigidbodyRotator to pass the position/rotation of a rigidbody through MovePosition() and MovePosition() to improve interaction of the rigidbody with other objects.

Frames per second

  • {"fps": float}

By default, AniMate updates the animation each frame (or physics frame) but it's not always necessary to update that often. If you animate the maxEmission property of a particle emitter, it won't be visible if it's only animated with 10fps or even less. Note that AniMate can only approximate the fps and it will not update more often than the actual fps.

Replace animations

  • {"replace": true / false}

Remove all existing animations on this object for each field/property before creating a new one. Concurrent opposing animation can lead to strange results, especially with rigidbodies.

Easing Classes

AniMate bundles following easing classes. You can roll your own by extending the AnimationEasing interface.

  • LinearEasing
  • QuadraticEasing
  • CubicEasing
  • QuarticEasing
  • QuinticEasing
  • SinusoidalEasing
  • ExponentialEasing
  • CircularEasing
  • BackEasing
  • BounceEasing
  • ElasticEasing

You can see a demonstration of those easing functions here: [2] or here: [3]

Default is LinearEasing and any other easing is chosen by adding "easing" to the options: <javascript>Ani.Mate.To(transform, 3, {"position": Vector3(10,10,10), "easing": QuarticEasing}};</javascript>

Animation Drive Classes

An animation drive calculates the current value of an animated object. The default is RegularDrive and calculates the current value like (startValue + currentTime * change).

  • RegularDrive
  • SlerpDrive

SlerpDrive only works with Quaternions and can be used to animate rotation so that the object rotates the shortest distance possible.

<javascript>Ani.Mate.To(transform, 3, {"rotation": Quaternion.Euler(0,0,180), "drive": SlerpDrive}};</javascript>

Special Cases

Animating Rigidbodies

To correctly animate rigidbodies, the animation has to be done in FixedUpdate and the position/rotation applied through MovePosition and MoveRotation. This can be done with AniMate using the "physics" (to use FixedUpdate) and "callback" (to call the Move* methods).

<javascript>Ani.Mate.To(transform, 3, {"position": Vector3(10,10,10), "physics": true, "callback": rigidbody.MovePosition});</javascript>

There's also a shorthand to make this call simpler:

<javascript>Ani.Mate.To(transform, 3, {"position": Vector3(10,10,10), "rigidbody": rigidbody});</javascript>

For this to work correctly, isKinematic should be enabled on the rigidbody.

Animating Rotation

There are two possible ways to animate rotation. Either by using By and eulerAngles to create a rotation without target or by using rotation and SlerpDrive to create a rotation from two positions that will rotate with as little torque as possible.

<javascript>// Make two full circles around the y-axis: Ani.Mate.By(transform, 3, {"eulerAngles": new Vector3(0,720,0)}); // Rotate to a value: Ani.Mate.To(transform, 3, {"rotation": Quaternion.Euler(30,90,20), "drive": SlerpDrive});</javascript>

Chaining with Coroutines

To, From and By all conveniently return a WaitForSeconds objects with the duration of the animation. This allows to use Coroutines to create a sequence of successive animations.

<javascript>// Make an object move back an forth function AnimationCoroutine() {

   while true {
       yield Ani.Mate.By(transform, 5, {"position": new Vector3(0,20,0)});
       yield Ani.Mate.By(transform, 5, {"position": new Vector3(0,-20,0)});


Animating Named Colors of Materials

Animating named colors of materials, which are accessed with the GetColor and SetColor methods, is not straight-forward since GetColor returns a copy of the color and not the color itself. It's therefore necessary to use a callback that feeds the color back to SetColor.

For convenience AniMate provides a built-in callback for this case. While the main color of a material has to be animated like this: <javascript>// Pass the color object directly and make the object disappear (requires a transparent shader) Ani.Mate.To(renderer.material.color, 5, {"a": 0.0});</javascript>

A named color has to be animated like this: <javascript>// Pass the material object instead of the color object and specify the color name with the // colorName option. Turns the material's specular color to red. Ani.Mate.To(renderer.material, 5, {"colorName": "_SpecColor", "r": 1.0, "g": 0.0, "b": 0.0});</javascript>

Personal tools