@agatestudio
Unity Tween
Engine
Edi
Knight
Agate Studio
@agatestudio@agatestudio@agatestudio
Index
• Definition
• Why?
• When to use
• More
• Tween Engines in Unity
• Samples & D...
@agatestudio@agatestudio@agatestudio
Definition
@agatestudio@agatestudio@agatestudio
Definition
• A tween is basically an interpolation between two
values that runs for a...
@agatestudio@agatestudio@agatestudio
Why use tweening (engine)?
• Dynamic.
• You can modify your transitions, timing, valu...
@agatestudio@agatestudio@agatestudio
When to use tweening (engine)?
• Simple animations, like movement,
• Rotation,
X
@agatestudio@agatestudio@agatestudio
When to use tweening (engine)?
• Color/alpha transformation,
• Scaling,
@agatestudio@agatestudio@agatestudio
When to use tweening (engine)?
• Or all of them combined!
@agatestudio@agatestudio@agatestudio
More on tweening (engine)
• Time : Time needed to complete a tween animation
• Delay ...
@agatestudio@agatestudio@agatestudio
More on tweening (engine)
Example : Without easing
@agatestudio@agatestudio@agatestudio
More on tweening (engine)
Example : With easing (double the return value when
time > ...
@agatestudio@agatestudio@agatestudio
More on tweening (engine)
@agatestudio@agatestudio@agatestudio
Unity Tween Engines
• iTween
• HOTween
• LeanTween
• etc
@agatestudio@agatestudio@agatestudio
iTween
• Free
• Complete documentation and samples
• Easy to use
• Tween GameObject 2...
@agatestudio@agatestudio@agatestudio
iTween
• Movement
@agatestudio@agatestudio@agatestudio
iTween
• Rotation
• Color
@agatestudio@agatestudio@agatestudio
iTween
More on “Samples & Demos” later
@agatestudio@agatestudio@agatestudio
HOTween & LeanTween
• More or Less like iTween
• Some says that iTween is heavier in ...
@agatestudio@agatestudio@agatestudio
Samples and Demos
• iTween
http://itween.pixelplacement.com/examples.php
• More on Un...
Thank you!
Upcoming SlideShare
Loading in...5
×

Unity Tween Engine by Edi

207
-1

Published on

Published in: Education, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
207
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Unity Tween Engine by Edi

  1. 1. @agatestudio Unity Tween Engine Edi Knight Agate Studio
  2. 2. @agatestudio@agatestudio@agatestudio Index • Definition • Why? • When to use • More • Tween Engines in Unity • Samples & Demos
  3. 3. @agatestudio@agatestudio@agatestudio Definition
  4. 4. @agatestudio@agatestudio@agatestudio Definition • A tween is basically an interpolation between two values that runs for a given amount of time. • Tween Engine does a lot more than that, and handles the life-cycles and the update mechanisms of the interpolations for you. Moreover, it enables the interpolation of attributes of some objects.
  5. 5. @agatestudio@agatestudio@agatestudio Why use tweening (engine)? • Dynamic. • You can modify your transitions, timing, values, easings, and other attributes with only lines of code, rather than telling your artist/animator to animate/fixate the object. This will faster the production time, too. • Some tweening engine have motion path, too!
  6. 6. @agatestudio@agatestudio@agatestudio When to use tweening (engine)? • Simple animations, like movement, • Rotation, X
  7. 7. @agatestudio@agatestudio@agatestudio When to use tweening (engine)? • Color/alpha transformation, • Scaling,
  8. 8. @agatestudio@agatestudio@agatestudio When to use tweening (engine)? • Or all of them combined!
  9. 9. @agatestudio@agatestudio@agatestudio More on tweening (engine) • Time : Time needed to complete a tween animation • Delay : Time needed to start a tween animation • Easing : Some equation to control the rate of tweening
  10. 10. @agatestudio@agatestudio@agatestudio More on tweening (engine) Example : Without easing
  11. 11. @agatestudio@agatestudio@agatestudio More on tweening (engine) Example : With easing (double the return value when time > 3s)
  12. 12. @agatestudio@agatestudio@agatestudio More on tweening (engine)
  13. 13. @agatestudio@agatestudio@agatestudio Unity Tween Engines • iTween • HOTween • LeanTween • etc
  14. 14. @agatestudio@agatestudio@agatestudio iTween • Free • Complete documentation and samples • Easy to use • Tween GameObject 2D-ly and 3D-ly, GUI, even sound!
  15. 15. @agatestudio@agatestudio@agatestudio iTween • Movement
  16. 16. @agatestudio@agatestudio@agatestudio iTween • Rotation • Color
  17. 17. @agatestudio@agatestudio@agatestudio iTween More on “Samples & Demos” later
  18. 18. @agatestudio@agatestudio@agatestudio HOTween & LeanTween • More or Less like iTween • Some says that iTween is heavier in mobile (ios/android) • HOTween & LeanTween has optimizer/optimized version for mobile
  19. 19. @agatestudio@agatestudio@agatestudio Samples and Demos • iTween http://itween.pixelplacement.com/examples.php • More on Unity3d
  20. 20. Thank you!
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×