.. _sphx_glr_auto_examples_10_animation:

Animation
---------

These tutorials show:

- How to animate FURY actors.
- How to use different interpolation methods in animations.



.. raw:: html

    <div class="sphx-glr-thumbnails">


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This tutorial explains keyframe animation in FURY.">

.. only:: html

  .. image:: /auto_examples/10_animation/images/thumb/sphx_glr_viz_introduction_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_10_animation_viz_introduction.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Keyframe animation introduction</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="In his tutorial, you will learn how to use Fury Timeline for playing the animations.">

.. only:: html

  .. image:: /auto_examples/10_animation/images/thumb/sphx_glr_viz_timeline_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_10_animation_viz_timeline.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Timeline and setting keyframes</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Tutorial on making keyframe-based animation in FURY using Spline interpolators.">

.. only:: html

  .. image:: /auto_examples/10_animation/images/thumb/sphx_glr_viz_spline_interpolator_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_10_animation_viz_spline_interpolator.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Keyframes Spline Interpolator</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Tutorial on making keyframe-based animation in FURY using custom functions.">

.. only:: html

  .. image:: /auto_examples/10_animation/images/thumb/sphx_glr_viz_using_time_equations_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_10_animation_viz_using_time_equations.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Keyframe animation</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Minimal tutorial of making keyframe-based animation in FURY.">

.. only:: html

  .. image:: /auto_examples/10_animation/images/thumb/sphx_glr_viz_interpolators_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_10_animation_viz_interpolators.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Keyframe animation</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Color animation explained in this tutorial and how to use different color space interpolators.">

.. only:: html

  .. image:: /auto_examples/10_animation/images/thumb/sphx_glr_viz_color_interpolators_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_10_animation_viz_color_interpolators.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Keyframe Color Interpolators</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Tutorial on making a robot arm animation in FURY.">

.. only:: html

  .. image:: /auto_examples/10_animation/images/thumb/sphx_glr_viz_robot_arm_animation_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_10_animation_viz_robot_arm_animation.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Arm Robot Animation</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Creating hierarchical keyframes animation in fury">

.. only:: html

  .. image:: /auto_examples/10_animation/images/thumb/sphx_glr_viz_hierarchical_animation_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_10_animation_viz_hierarchical_animation.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Keyframe hierarchical Animation</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Keyframe animation using cubic Bezier interpolator.">

.. only:: html

  .. image:: /auto_examples/10_animation/images/thumb/sphx_glr_viz_bezier_interpolator_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_10_animation_viz_bezier_interpolator.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Bezier Interpolator</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Camera and opacity keyframe animation explained in this tutorial.">

.. only:: html

  .. image:: /auto_examples/10_animation/images/thumb/sphx_glr_viz_camera_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_10_animation_viz_camera.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Keyframe animation: Camera and opacity</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Keyframe animation using custom interpolator.">

.. only:: html

  .. image:: /auto_examples/10_animation/images/thumb/sphx_glr_viz_custom_interpolator_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_10_animation_viz_custom_interpolator.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Making a custom interpolator</div>
    </div>


.. raw:: html

    </div>


.. toctree::
   :hidden:

   /auto_examples/10_animation/viz_introduction
   /auto_examples/10_animation/viz_timeline
   /auto_examples/10_animation/viz_spline_interpolator
   /auto_examples/10_animation/viz_using_time_equations
   /auto_examples/10_animation/viz_interpolators
   /auto_examples/10_animation/viz_color_interpolators
   /auto_examples/10_animation/viz_robot_arm_animation
   /auto_examples/10_animation/viz_hierarchical_animation
   /auto_examples/10_animation/viz_bezier_interpolator
   /auto_examples/10_animation/viz_camera
   /auto_examples/10_animation/viz_custom_interpolator