~~Title: Animation and Effect Types~~
==== Animation and Effect Types: Using Various Effect and Effect Types ====

The animation and effect tutorials demonstrate how to create and implement a
variety of animation effects with EFL and Elementary.

----
==== Ecore Animator: Creating Ecore Animations ====

This tutorial demonstrates how you can use Ecore animators to simplify the
creation of animations. Using Ecore animators, you can manually create your
own animations by changing and manipulating Evas object attributes. Ecore
animators work like timers, running callback functions over a given duration
(an animation timeline).

=== Table of Contents ===

  * [[/develop/legacy/tutorial/effects/ecore_animator/setting_up|Setting up the application]]
  * [[/develop/legacy/tutorial/effects/ecore_animator/rotation|Creating a rotation effect]]
  * [[/develop/legacy/tutorial/effects/ecore_animator/zoom|Creating a zoom effect]]
  * [[/develop/legacy/tutorial/effects/ecore_animator/3d_rotation|Creating a 3D rotation effect]]
  * [[/develop/legacy/tutorial/effects/ecore_animator/drop_bounce|Creating drop and bounce effects]]

Ecore Animator Example : {{ :ecore_animator.gif }}
\\
//**__The Whole Code__: **//{{code_c/tutorial/effects/ecore_animator.c}}

----
==== Edje Animation: Using the Edje Library to Create Animations ====

One of the greatest strengths of EFL and Edje is the ability to create
animations. This tutorial demonstrates how to use the Edje library to create
your own animations.

=== Table of Contents ===

  * [[/develop/legacy/tutorial/effects/edje_animation/start_up|Animating on Application Start-up]]
  * [[/develop/legacy/tutorial/effects/edje_animation/on_click|Animating Object on Click]]

{{ :edje_animation_rotate.gif }}
\\
//**__The Whole Code__:
**//{{code_c/tutorial/effects/edje_animation.c}} {{code_c/tutorial/effects/edje_animation.edc}}


----
==== Elementary Animations: Applying Transition Effects to an Evas Object ====

This tutorial demonstrates how you can use Elm Transit to create animated
transitions effects, such as rotation, wiping, zooming, resizing, and fading,
to an ''Evas_Object''.

=== Table of Contents ===

  * [[/develop/legacy/tutorial/effects/elementary_animations/setting_up|Setting Up the Application]]
  * [[/develop/legacy/tutorial/effects/elementary_animations/rotation|Creating a Rotation Effect]]
  * [[/develop/legacy/tutorial/effects/elementary_animations/zoom|Creating a Zoom Effect]]
  * [[/develop/legacy/tutorial/effects/elementary_animations/flip|Creating a Flip Effect]]
  * [[/develop/legacy/tutorial/effects/elementary_animations/blend|Creating a Blend Transition]]
  * [[/develop/legacy/tutorial/effects/elementary_animations/fade|Creating a Fade Effect]]
  * [[/develop/legacy/tutorial/effects/elementary_animations/flipy|Creating a Flip on y Axis]]
  * [[/develop/legacy/tutorial/effects/elementary_animations/wipe|Creating a Wipe Effect]]
  * [[/develop/legacy/tutorial/effects/elementary_animations/transit|Implementing Elementary Transit Effects]]


Elementary Animations example: {{ :transit_rotate.gif }}
\\
//**__The Whole Codes__: **//{{code_c/tutorial/effects/elementary_animations.c}} {{code_c/tutorial/effects/transit.c}}