69 lines
2.9 KiB
Plaintext
69 lines
2.9 KiB
Plaintext
|
~~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 ===
|
||
|
|
||
|
* [[/tutorial/effects/ecore_animator/setting_up|Setting up the application]]
|
||
|
* [[/tutorial/effects/ecore_animator/rotation|Creating a rotation effect]]
|
||
|
* [[/tutorial/effects/ecore_animator/zoom|Creating a zoom effect]]
|
||
|
* [[/tutorial/effects/ecore_animator/3d_rotation|Creating a 3D rotation effect]]
|
||
|
* [[/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 ===
|
||
|
|
||
|
* [[/tutorial/effects/edje_animation/start_up|Animating on Application Start-up]]
|
||
|
* [[/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 ===
|
||
|
|
||
|
* [[/tutorial/effects/elementary_animations/setting_up|Setting Up the Application]]
|
||
|
* [[/tutorial/effects/elementary_animations/rotation|Creating a Rotation Effect]]
|
||
|
* [[/tutorial/effects/elementary_animations/zoom|Creating a Zoom Effect]]
|
||
|
* [[/tutorial/effects/elementary_animations/flip|Creating a Flip Effect]]
|
||
|
* [[/tutorial/effects/elementary_animations/blend|Creating a Blend Transition]]
|
||
|
* [[/tutorial/effects/elementary_animations/fade|Creating a Fade Effect]]
|
||
|
* [[/tutorial/effects/elementary_animations/flipy|Creating a Flip on y Axis]]
|
||
|
* [[/tutorial/effects/elementary_animations/wipe|Creating a Wipe Effect]]
|
||
|
* [[/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}}
|