From Unify Community Wiki
(Difference between revisions)
Jump to: navigation, search
Line 46: Line 46:
AniMate can also be used with C# and Boo:
AniMate can also be used with C# and Boo:
<boo># Boo:
<boo># Boo:
Ani.Mate.To(transform, 2, {"position": Vector3(0,20,0))</boo>
Ani.Mate.To(transform, 2, {"position": Vector3(0,20,0)})</boo>
<csharp>// C#:
<csharp>// C#:
Hashtable props = new Hashtable();
Hashtable props = new Hashtable();

Revision as of 21:27, 16 July 2008

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]

Version History

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>


  • 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.


  • {"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.

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

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

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)});


Personal tools