:orphan:

Tutorials
=========

How to use widgets, ui, actor and windows module. Below some tutorials to go in details


.. raw:: html

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


.. raw:: html

    </div>

Introductory
------------

These tutorials show:

- How to combine a timer with an actor
- How to slice data with the slicer actor
- How to use the normals of your data.


.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Sphere Texture">

.. only:: html

  .. image:: /auto_tutorials/01_introductory/images/thumb/sphx_glr_viz_texture_thumb.png
    :alt: Sphere Texture

  :ref:`sphx_glr_auto_tutorials_01_introductory_viz_texture.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Sphere Texture</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Visualizing a glTF file">

.. only:: html

  .. image:: /auto_tutorials/01_introductory/images/thumb/sphx_glr_viz_gltf_thumb.png
    :alt: Visualizing a glTF file

  :ref:`sphx_glr_auto_tutorials_01_introductory_viz_gltf.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Visualizing a glTF file</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="FURY sphere Actor">

.. only:: html

  .. image:: /auto_tutorials/01_introductory/images/thumb/sphx_glr_viz_sphere_thumb.png
    :alt: FURY sphere Actor

  :ref:`sphx_glr_auto_tutorials_01_introductory_viz_sphere.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">FURY sphere Actor</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to use the arrow actor.">

.. only:: html

  .. image:: /auto_tutorials/01_introductory/images/thumb/sphx_glr_viz_arrow_thumb.png
    :alt: Fury Arrow Actor

  :ref:`sphx_glr_auto_tutorials_01_introductory_viz_arrow.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Fury Arrow Actor</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Fury Cone Actor">

.. only:: html

  .. image:: /auto_tutorials/01_introductory/images/thumb/sphx_glr_viz_cone_thumb.png
    :alt: Fury Cone Actor

  :ref:`sphx_glr_auto_tutorials_01_introductory_viz_cone.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Fury Cone Actor</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Visualizing a glTF file">

.. only:: html

  .. image:: /auto_tutorials/01_introductory/images/thumb/sphx_glr_viz_gltf_animated_thumb.png
    :alt: Visualizing a glTF file

  :ref:`sphx_glr_auto_tutorials_01_introductory_viz_gltf_animated.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Visualizing a glTF file</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Morphing Animation in a glTF">

.. only:: html

  .. image:: /auto_tutorials/01_introductory/images/thumb/sphx_glr_viz_morphing_thumb.png
    :alt: Morphing Animation in a glTF

  :ref:`sphx_glr_auto_tutorials_01_introductory_viz_morphing.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Morphing Animation in a glTF</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Exporting scene as a glTF file">

.. only:: html

  .. image:: /auto_tutorials/01_introductory/images/thumb/sphx_glr_viz_gltf_export_thumb.png
    :alt: Exporting scene as a glTF file

  :ref:`sphx_glr_auto_tutorials_01_introductory_viz_gltf_export.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Exporting scene as a glTF file</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Skeletal Animation in a glTF file">

.. only:: html

  .. image:: /auto_tutorials/01_introductory/images/thumb/sphx_glr_viz_skinning_thumb.png
    :alt: Skeletal Animation in a glTF file

  :ref:`sphx_glr_auto_tutorials_01_introductory_viz_skinning.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Skeletal Animation in a glTF file</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to create a simple animation using a timer callback.">

.. only:: html

  .. image:: /auto_tutorials/01_introductory/images/thumb/sphx_glr_viz_timers_thumb.png
    :alt: Using a timer

  :ref:`sphx_glr_auto_tutorials_01_introductory_viz_timers.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Using a timer</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Spiky Sphere">

.. only:: html

  .. image:: /auto_tutorials/01_introductory/images/thumb/sphx_glr_viz_spiky_thumb.png
    :alt: Spiky Sphere

  :ref:`sphx_glr_auto_tutorials_01_introductory_viz_spiky.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Spiky Sphere</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Here is a simple tutorial that shows how to visualize surfaces using DIPY. It also shows how to...">

.. only:: html

  .. image:: /auto_tutorials/01_introductory/images/thumb/sphx_glr_viz_surfaces_thumb.png
    :alt: Visualize surfaces

  :ref:`sphx_glr_auto_tutorials_01_introductory_viz_surfaces.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Visualize surfaces</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Here we show how to select objects in the 3D world. In this example all objects to be picked ar...">

.. only:: html

  .. image:: /auto_tutorials/01_introductory/images/thumb/sphx_glr_viz_selection_thumb.png
    :alt: Selecting multiple objects

  :ref:`sphx_glr_auto_tutorials_01_introductory_viz_selection.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Selecting multiple objects</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Here we present a tutorial showing how to interact with objects in the 3D world. All objects to...">

.. only:: html

  .. image:: /auto_tutorials/01_introductory/images/thumb/sphx_glr_viz_picking_thumb.png
    :alt: Simple picking

  :ref:`sphx_glr_auto_tutorials_01_introductory_viz_picking.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Simple picking</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Texture Sphere Animation">

.. only:: html

  .. image:: /auto_tutorials/01_introductory/images/thumb/sphx_glr_viz_earth_animation_thumb.png
    :alt: Texture Sphere Animation

  :ref:`sphx_glr_auto_tutorials_01_introductory_viz_earth_animation.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Texture Sphere Animation</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="In this tutorial, we will show how to place actors on specific locations on the surface of the ...">

.. only:: html

  .. image:: /auto_tutorials/01_introductory/images/thumb/sphx_glr_viz_earth_coordinates_thumb.png
    :alt: Earth Coordinate Conversion

  :ref:`sphx_glr_auto_tutorials_01_introductory_viz_earth_coordinates.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Earth Coordinate Conversion</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Here we present an example for visualizing slices from 3D images.">

.. only:: html

  .. image:: /auto_tutorials/01_introductory/images/thumb/sphx_glr_viz_slice_thumb.png
    :alt: Simple volume slicing

  :ref:`sphx_glr_auto_tutorials_01_introductory_viz_slice.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Simple volume slicing</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="In this tutorial, we will create an animation of the solar system using textured spheres. We wi...">

.. only:: html

  .. image:: /auto_tutorials/01_introductory/images/thumb/sphx_glr_viz_solar_system_thumb.png
    :alt: Solar System Animation

  :ref:`sphx_glr_auto_tutorials_01_introductory_viz_solar_system.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Solar System Animation</div>
    </div>


.. raw:: html

    </div>

User Interface Elements
-----------------------

These tutorials show how to create user interfaces elements.


.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to use the DrawPanel UI. We will demonstrate how to create Various shape...">

.. only:: html

  .. image:: /auto_tutorials/02_ui/images/thumb/sphx_glr_viz_drawpanel_thumb.png
    :alt: DrawPanel

  :ref:`sphx_glr_auto_tutorials_02_ui_viz_drawpanel.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to use the UI API. We will demonstrate how to draw some geometric shapes...">

.. only:: html

  .. image:: /auto_tutorials/02_ui/images/thumb/sphx_glr_viz_shapes_thumb.png
    :alt: Simple Shapes

  :ref:`sphx_glr_auto_tutorials_02_ui_viz_shapes.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Simple Shapes</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to use the Combobox UI. We will demonstrate how to create ComboBoxes for...">

.. only:: html

  .. image:: /auto_tutorials/02_ui/images/thumb/sphx_glr_viz_combobox_thumb.png
    :alt: ComboBox

  :ref:`sphx_glr_auto_tutorials_02_ui_viz_combobox.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to use the UI API. We will create a list some geometric shapes from FURY...">

.. only:: html

  .. image:: /auto_tutorials/02_ui/images/thumb/sphx_glr_viz_ui_listbox_thumb.png
    :alt: ListBox

  :ref:`sphx_glr_auto_tutorials_02_ui_viz_ui_listbox.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to place different UI elements in different Layouts. The Layouts used he...">

.. only:: html

  .. image:: /auto_tutorials/02_ui/images/thumb/sphx_glr_viz_layout_thumb.png
    :alt: Using Layouts with different UI elements

  :ref:`sphx_glr_auto_tutorials_02_ui_viz_layout.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Using Layouts with different UI elements</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to use the UI API. We will demonstrate how to create a Sphere and contro...">

.. only:: html

  .. image:: /auto_tutorials/02_ui/images/thumb/sphx_glr_viz_radio_buttons_thumb.png
    :alt: Sphere Color Control using Radio Buttons

  :ref:`sphx_glr_auto_tutorials_02_ui_viz_radio_buttons.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Sphere Color Control using Radio Buttons</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to use the UI API. We will demonstrate how to create panel having button...">

.. only:: html

  .. image:: /auto_tutorials/02_ui/images/thumb/sphx_glr_viz_buttons_thumb.png
    :alt: Buttons & Text

  :ref:`sphx_glr_auto_tutorials_02_ui_viz_buttons.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Buttons & Text</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to use the CheckBox UI API. We will demonstrate how to create a cube, sp...">

.. only:: html

  .. image:: /auto_tutorials/02_ui/images/thumb/sphx_glr_viz_check_boxes_thumb.png
    :alt: Figure and Color Control using Check boxes and Radio Buttons

  :ref:`sphx_glr_auto_tutorials_02_ui_viz_check_boxes.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Figure and Color Control using Check boxes and Radio Buttons</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to use the UI API. We will demonstrate how to create a cube and control ...">

.. only:: html

  .. image:: /auto_tutorials/02_ui/images/thumb/sphx_glr_viz_ui_slider_thumb.png
    :alt: Cube & Slider Control

  :ref:`sphx_glr_auto_tutorials_02_ui_viz_ui_slider.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Cube & Slider Control</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to use the Tab UI. We will demonstrate how to create Tabs for:">

.. only:: html

  .. image:: /auto_tutorials/02_ui/images/thumb/sphx_glr_viz_tab_thumb.png
    :alt: Tab UI

  :ref:`sphx_glr_auto_tutorials_02_ui_viz_tab.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Tab UI</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to use the UI API. We will demonstrate how to create several FURY UI ele...">

.. only:: html

  .. image:: /auto_tutorials/02_ui/images/thumb/sphx_glr_viz_ui_thumb.png
    :alt: User Interfaces

  :ref:`sphx_glr_auto_tutorials_02_ui_viz_ui.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">User Interfaces</div>
    </div>


.. raw:: html

    </div>

Shaders
-------

These tutorials show:

- How to use shaders in FURY actors.
- How to create new user shaders and internal conventions.


.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="SDFs or Signed-distance functions when passed the coordinates of a point in space, return the s...">

.. only:: html

  .. image:: /auto_tutorials/03_shaders/images/thumb/sphx_glr_viz_sdfactor_thumb.png
    :alt: Visualize SDF Actor

  :ref:`sphx_glr_auto_tutorials_03_shaders_viz_sdfactor.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Visualize SDF Actor</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The Principled Bidirectional Reflectance Distribution Function ([BRDF] (https://en.wikipedia.or...">

.. only:: html

  .. image:: /auto_tutorials/03_shaders/images/thumb/sphx_glr_viz_principled_spheres_thumb.png
    :alt: Principled BRDF shader on spheres

  :ref:`sphx_glr_auto_tutorials_03_shaders_viz_principled_spheres.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Principled BRDF shader on spheres</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to use shaders to generate a shaded output. We will demonstrate how to l...">

.. only:: html

  .. image:: /auto_tutorials/03_shaders/images/thumb/sphx_glr_viz_shader_thumb.png
    :alt: Varying Color

  :ref:`sphx_glr_auto_tutorials_03_shaders_viz_shader.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="PBR engines aim to simulate properties of light when it interacts with objects in the scene in ...">

.. only:: html

  .. image:: /auto_tutorials/03_shaders/images/thumb/sphx_glr_viz_pbr_spheres_thumb.png
    :alt: Physically-Based Rendering (PBR) on spheres

  :ref:`sphx_glr_auto_tutorials_03_shaders_viz_pbr_spheres.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Physically-Based Rendering (PBR) on spheres</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="For the cylinder representation with polygons, we will use cylinder actor implementation on FUR...">

.. only:: html

  .. image:: /auto_tutorials/03_shaders/images/thumb/sphx_glr_viz_sdf_cylinder_thumb.png
    :alt: Make a Cylinder using polygons vs SDF

  :ref:`sphx_glr_auto_tutorials_03_shaders_viz_sdf_cylinder.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Make a Cylinder using polygons vs SDF</div>
    </div>


.. raw:: html

    </div>

Streaming
---------

These tutorials show:

- How to create a simple streaming server and turn that available.
- How to create a streaming server with user interaction.
- How to create a streaming server using the Widget Object.


.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The Widget Object simplifies the process of streaming your data vizualization with WebRTC or MJ...">

.. only:: html

  .. image:: /auto_tutorials/04_stream/images/thumb/sphx_glr_viz_widget_thumb.png
    :alt: Streaming FURY with WebRTC/MJPEG using the Widget Object

  :ref:`sphx_glr_auto_tutorials_04_stream_viz_widget.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Streaming FURY with WebRTC/MJPEG using the Widget Object</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Streaming FURY with WebRTC/MJPEG">

.. only:: html

  .. image:: /auto_tutorials/04_stream/images/thumb/sphx_glr_viz_no_interaction_thumb.png
    :alt: Streaming FURY with WebRTC/MJPEG

  :ref:`sphx_glr_auto_tutorials_04_stream_viz_no_interaction.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Streaming FURY with WebRTC/MJPEG</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="In this tutorial, we show how to use the FURY Streaming system to serve an interactive visualiz...">

.. only:: html

  .. image:: /auto_tutorials/04_stream/images/thumb/sphx_glr_viz_interaction_thumb.png
    :alt: Streaming FURY with user interaction

  :ref:`sphx_glr_auto_tutorials_04_stream_viz_interaction.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Streaming FURY with user interaction</div>
    </div>


.. raw:: html

    </div>

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_tutorials/05_animation/images/thumb/sphx_glr_viz_introduction_thumb.png
    :alt: Keyframe animation introduction

  :ref:`sphx_glr_auto_tutorials_05_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_tutorials/05_animation/images/thumb/sphx_glr_viz_timeline_thumb.png
    :alt: Timeline and setting keyframes

  :ref:`sphx_glr_auto_tutorials_05_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_tutorials/05_animation/images/thumb/sphx_glr_viz_spline_interpolator_thumb.png
    :alt: Keyframes Spline Interpolator

  :ref:`sphx_glr_auto_tutorials_05_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_tutorials/05_animation/images/thumb/sphx_glr_viz_using_time_equations_thumb.png
    :alt: Keyframe animation

  :ref:`sphx_glr_auto_tutorials_05_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_tutorials/05_animation/images/thumb/sphx_glr_viz_interpolators_thumb.png
    :alt: Keyframe animation

  :ref:`sphx_glr_auto_tutorials_05_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_tutorials/05_animation/images/thumb/sphx_glr_viz_color_interpolators_thumb.png
    :alt: Keyframe Color Interpolators

  :ref:`sphx_glr_auto_tutorials_05_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_tutorials/05_animation/images/thumb/sphx_glr_viz_robot_arm_animation_thumb.png
    :alt: Arm Robot Animation

  :ref:`sphx_glr_auto_tutorials_05_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_tutorials/05_animation/images/thumb/sphx_glr_viz_hierarchical_animation_thumb.png
    :alt: Keyframe hierarchical Animation

  :ref:`sphx_glr_auto_tutorials_05_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_tutorials/05_animation/images/thumb/sphx_glr_viz_bezier_interpolator_thumb.png
    :alt: Bezier Interpolator

  :ref:`sphx_glr_auto_tutorials_05_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_tutorials/05_animation/images/thumb/sphx_glr_viz_camera_thumb.png
    :alt: Keyframe animation: Camera and opacity

  :ref:`sphx_glr_auto_tutorials_05_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_tutorials/05_animation/images/thumb/sphx_glr_viz_custom_interpolator_thumb.png
    :alt: Making a custom interpolator

  :ref:`sphx_glr_auto_tutorials_05_animation_viz_custom_interpolator.py`

.. raw:: html

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


.. raw:: html

    </div>


.. toctree::
   :hidden:
   :includehidden:

   /auto_tutorials/01_introductory/index.rst
   /auto_tutorials/02_ui/index.rst
   /auto_tutorials/03_shaders/index.rst
   /auto_tutorials/04_stream/index.rst
   /auto_tutorials/05_animation/index.rst


.. only:: html

  .. container:: sphx-glr-footer sphx-glr-footer-gallery

    .. container:: sphx-glr-download sphx-glr-download-python

      :download:`Download all examples in Python source code: auto_tutorials_python.zip </auto_tutorials/auto_tutorials_python.zip>`

    .. container:: sphx-glr-download sphx-glr-download-jupyter

      :download:`Download all examples in Jupyter notebooks: auto_tutorials_jupyter.zip </auto_tutorials/auto_tutorials_jupyter.zip>`


.. only:: html

 .. rst-class:: sphx-glr-signature

    `Gallery generated by Sphinx-Gallery <https://sphinx-gallery.github.io>`_