:orphan:

.. _ref_examples:

Tutorials
=========

How to use widgets, ui, actor and windows module. Below some examples and apps 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_examples/01_introductory/images/thumb/sphx_glr_viz_texture_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_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_examples/01_introductory/images/thumb/sphx_glr_viz_gltf_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_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_examples/01_introductory/images/thumb/sphx_glr_viz_sphere_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_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="Fury Cone Actor">

.. only:: html

  .. image:: /auto_examples/01_introductory/images/thumb/sphx_glr_viz_cone_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_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="This example shows how to use the arrow actor.">

.. only:: html

  .. image:: /auto_examples/01_introductory/images/thumb/sphx_glr_viz_arrow_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_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="Visualizing a glTF file">

.. only:: html

  .. image:: /auto_examples/01_introductory/images/thumb/sphx_glr_viz_gltf_animated_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_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_examples/01_introductory/images/thumb/sphx_glr_viz_morphing_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_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_examples/01_introductory/images/thumb/sphx_glr_viz_gltf_export_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_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_examples/01_introductory/images/thumb/sphx_glr_viz_skinning_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_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_examples/01_introductory/images/thumb/sphx_glr_viz_timers_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_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_examples/01_introductory/images/thumb/sphx_glr_viz_spiky_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_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_examples/01_introductory/images/thumb/sphx_glr_viz_surfaces_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_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_examples/01_introductory/images/thumb/sphx_glr_viz_selection_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_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="The goal of this demo is to show how to use different threads to interact with FURY. In particu...">

.. only:: html

  .. image:: /auto_examples/01_introductory/images/thumb/sphx_glr_viz_multithread_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_01_introductory_viz_multithread.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Multithreading Example</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_examples/01_introductory/images/thumb/sphx_glr_viz_picking_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_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_examples/01_introductory/images/thumb/sphx_glr_viz_earth_animation_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_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_examples/01_introductory/images/thumb/sphx_glr_viz_earth_coordinates_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_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_examples/01_introductory/images/thumb/sphx_glr_viz_slice_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_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_examples/01_introductory/images/thumb/sphx_glr_viz_solar_system_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_01_introductory_viz_solar_system.py`

.. raw:: html

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


.. raw:: html

    </div>

Demos
-----

Below is a gallery of Demos. A bunch of apps powered by FURY.



.. raw:: html

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


.. raw:: html

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

.. only:: html

  .. image:: /auto_examples/04_demos/images/thumb/sphx_glr_viz_markers_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_04_demos_viz_markers.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The goal of this app is to show an overview of the journals network structure as a complex netw...">

.. only:: html

  .. image:: /auto_examples/04_demos/images/thumb/sphx_glr_viz_network_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_04_demos_viz_network.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Visualize Interdisciplinary map of the journals network</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Here is a simple tutorial following the probabilistic CSA Tracking Example in which we generate...">

.. only:: html

  .. image:: /auto_examples/04_demos/images/thumb/sphx_glr_viz_roi_contour_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_04_demos_viz_roi_contour.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Visualization of ROI Surface Rendered with Streamlines</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="A charged particle follows a curved path in a magnetic field. In an electric field, the particl...">

.. only:: html

  .. image:: /auto_examples/04_demos/images/thumb/sphx_glr_viz_helical_motion_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_04_demos_viz_helical_motion.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Motion of a charged particle in a combined magnetic and electric field</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Importing necessary modules">

.. only:: html

  .. image:: /auto_examples/04_demos/images/thumb/sphx_glr_viz_brownian_motion_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_04_demos_viz_brownian_motion.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The goal of this demo is to show how to visualize a video on a rectangle by updating a texture.">

.. only:: html

  .. image:: /auto_examples/04_demos/images/thumb/sphx_glr_viz_play_video_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_04_demos_viz_play_video.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Play a video in the 3D world</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Sometimes we need to get more control about how OpenGL will render the actors. This example sho...">

.. only:: html

  .. image:: /auto_examples/04_demos/images/thumb/sphx_glr_viz_fine_tuning_gl_context_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_04_demos_viz_fine_tuning_gl_context.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Fine-tuning the OpenGL state using shader callbacks</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="A linearly polarized sinusoidal electromagnetic wave, propagating in the direction +x through a...">

.. only:: html

  .. image:: /auto_examples/04_demos/images/thumb/sphx_glr_viz_emwave_animation_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_04_demos_viz_emwave_animation.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Electromagnetic Wave Propagation Animation</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This is a simple demonstration of how one can animate 2D functions using FURY.">

.. only:: html

  .. image:: /auto_examples/04_demos/images/thumb/sphx_glr_viz_animated_surfaces_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_04_demos_viz_animated_surfaces.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Animated 2D functions</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="First, let&#x27;s download some available datasets. Here we are using a dataset which provides metri...">

.. only:: html

  .. image:: /auto_examples/04_demos/images/thumb/sphx_glr_viz_bundles_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_04_demos_viz_bundles.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Visualize bundles and metrics on bundles</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Tesseract (Hypercube)">

.. only:: html

  .. image:: /auto_examples/04_demos/images/thumb/sphx_glr_viz_tesseract_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_04_demos_viz_tesseract.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Tesseract (Hypercube)</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This is a simple demonstration of how you can simulate moving particles in a box using FURY.">

.. only:: html

  .. image:: /auto_examples/04_demos/images/thumb/sphx_glr_collision-particles_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_04_demos_collision-particles.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Collisions of particles in a box</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="In DIPY we created a thin interface to access many of the capabilities available in the Visuali...">

.. only:: html

  .. image:: /auto_examples/04_demos/images/thumb/sphx_glr_viz_advanced_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_04_demos_viz_advanced.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Advanced interactive visualization</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example demonstrate how to create a simple viewer for fiber orientation distribution funct...">

.. only:: html

  .. image:: /auto_examples/04_demos/images/thumb/sphx_glr_viz_fiber_odf_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_04_demos_viz_fiber_odf.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Brain Fiber ODF Visualisation</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Fractals are geometric structures that are self-similar at any scale. These structures are easy...">

.. only:: html

  .. image:: /auto_examples/04_demos/images/thumb/sphx_glr_viz_fractals_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_04_demos_viz_fractals.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="The goal of this demo is to show how to visualize a complex network and use an force directed a...">

.. only:: html

  .. image:: /auto_examples/04_demos/images/thumb/sphx_glr_viz_network_animated_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_04_demos_viz_network_animated.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Visualize Networks (Animated version)</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="We start by importing the necessary modules:">

.. only:: html

  .. image:: /auto_examples/04_demos/images/thumb/sphx_glr_viz_dt_ellipsoids_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_04_demos_viz_dt_ellipsoids.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Display Tensor Ellipsoids for DTI using tensor_slicer vs ellipsoid actor</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This is a demonstration of how Physically-Based Rendering (PBR) can be used to simulate differe...">

.. only:: html

  .. image:: /auto_examples/04_demos/images/thumb/sphx_glr_viz_pbr_interactive_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_04_demos_viz_pbr_interactive.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Interactive PBR demo</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 UI API. We will demonstrate how to draw some geometric shapes...">

.. only:: html

  .. image:: /auto_examples/07_ui/images/thumb/sphx_glr_viz_shapes_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_07_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 DrawPanel UI. We will demonstrate how to create Various shape...">

.. only:: html

  .. image:: /auto_examples/07_ui/images/thumb/sphx_glr_viz_drawpanel_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_07_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 create a card.">

.. only:: html

  .. image:: /auto_examples/07_ui/images/thumb/sphx_glr_viz_card_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_07_ui_viz_card.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Card</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 SpinBox UI.">

.. only:: html

  .. image:: /auto_examples/07_ui/images/thumb/sphx_glr_viz_spinbox_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_07_ui_viz_spinbox.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">SpinBox UI</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_examples/07_ui/images/thumb/sphx_glr_viz_combobox_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_07_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_examples/07_ui/images/thumb/sphx_glr_viz_ui_listbox_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_07_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_examples/07_ui/images/thumb/sphx_glr_viz_layout_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_07_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_examples/07_ui/images/thumb/sphx_glr_viz_radio_buttons_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_07_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_examples/07_ui/images/thumb/sphx_glr_viz_buttons_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_07_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 create a card and use a sprite sheet to update the image in the card.">

.. only:: html

  .. image:: /auto_examples/07_ui/images/thumb/sphx_glr_viz_card_sprite_sheet_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_07_ui_viz_card_sprite_sheet.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Card</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_examples/07_ui/images/thumb/sphx_glr_viz_ui_slider_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_07_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 CheckBox UI API. We will demonstrate how to create a cube, sp...">

.. only:: html

  .. image:: /auto_examples/07_ui/images/thumb/sphx_glr_viz_check_boxes_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_07_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 Tab UI. We will demonstrate how to create Tabs for:">

.. only:: html

  .. image:: /auto_examples/07_ui/images/thumb/sphx_glr_viz_tab_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_07_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_examples/07_ui/images/thumb/sphx_glr_viz_ui_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_07_ui_viz_ui.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">User Interfaces</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_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>

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_examples/13_shaders/images/thumb/sphx_glr_viz_sdfactor_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_13_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_examples/13_shaders/images/thumb/sphx_glr_viz_principled_spheres_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_13_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_examples/13_shaders/images/thumb/sphx_glr_viz_shader_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_13_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_examples/13_shaders/images/thumb/sphx_glr_viz_pbr_spheres_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_13_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="Traditional rendering engines discretize surfaces using triangles or quadrilateral polygons. Th...">

.. only:: html

  .. image:: /auto_examples/13_shaders/images/thumb/sphx_glr_viz_billboard_sdf_spheres_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_13_shaders_viz_billboard_sdf_spheres.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">SDF Impostors on Billboards</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_examples/13_shaders/images/thumb/sphx_glr_viz_sdf_cylinder_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_13_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>

Integrate Physics using pybullet
--------------------------------

These demos show how to use connect FURY with a physics engine library.



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example simulation shows how to use pybullet to render physics simulations in fury. In thi...">

.. only:: html

  .. image:: /auto_examples/17_pybullet/images/thumb/sphx_glr_viz_ball_collide_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_17_pybullet_viz_ball_collide.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Ball Collision Simulation</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example simulation shows how to use pybullet to render physics simulations in fury. In thi...">

.. only:: html

  .. image:: /auto_examples/17_pybullet/images/thumb/sphx_glr_viz_domino_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_17_pybullet_viz_domino.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Domino Physics Simulation</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example simulation shows how to use pybullet to render physics simulations in fury. In thi...">

.. only:: html

  .. image:: /auto_examples/17_pybullet/images/thumb/sphx_glr_viz_chain_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_17_pybullet_viz_chain.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example simulation shows how to use pybullet to render physics simulations in fury. In thi...">

.. only:: html

  .. image:: /auto_examples/17_pybullet/images/thumb/sphx_glr_viz_brick_wall_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_17_pybullet_viz_brick_wall.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Brick Wall Simulation</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example simulation shows how to use pybullet to render physics simulations in fury. In thi...">

.. only:: html

  .. image:: /auto_examples/17_pybullet/images/thumb/sphx_glr_viz_wrecking_ball_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_17_pybullet_viz_wrecking_ball.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Wrecking Ball Simulation</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 visualization with WebRTC or MJ...">

.. only:: html

  .. image:: /auto_examples/20_stream/images/thumb/sphx_glr_viz_widget_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_20_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_examples/20_stream/images/thumb/sphx_glr_viz_no_interaction_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_20_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_examples/20_stream/images/thumb/sphx_glr_viz_interaction_thumb.png
    :alt:

  :ref:`sphx_glr_auto_examples_20_stream_viz_interaction.py`

.. raw:: html

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


.. raw:: html

    </div>


.. toctree::
   :hidden:
   :includehidden:


   /auto_examples/01_introductory/index.rst
   /auto_examples/04_demos/index.rst
   /auto_examples/07_ui/index.rst
   /auto_examples/10_animation/index.rst
   /auto_examples/13_shaders/index.rst
   /auto_examples/17_pybullet/index.rst
   /auto_examples/20_stream/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_examples_python.zip </auto_examples/auto_examples_python.zip>`

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

      :download:`Download all examples in Jupyter notebooks: auto_examples_jupyter.zip </auto_examples/auto_examples_jupyter.zip>`


.. only:: html

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

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