:orphan:

Examples that use pygfx
=======================



.. raw:: html

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


.. raw:: html

    </div>

Introductory Examples
---------------------



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrates show utility">

.. only:: html

  .. image:: /_gallery/introductory/images/thumb/sphx_glr_show_util_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_introductory_show_util.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Use gfx.show</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="In this example shows how to do the rendering world&#x27;s hello world: Show a 3D Cube on screen.">

.. only:: html

  .. image:: /_gallery/introductory/images/thumb/sphx_glr_cube_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_introductory_cube.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Replicating the WGPU triangle example, but with about 10x less code.">

.. only:: html

  .. image:: /_gallery/introductory/images/thumb/sphx_glr_hello_triangle_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_introductory_hello_triangle.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Render a Triangle</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip=" Render Points">

.. only:: html

  .. image:: /_gallery/introductory/images/thumb/sphx_glr_points_basic_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_introductory_points_basic.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrates visualizing object bounding boxes">

.. only:: html

  .. image:: /_gallery/introductory/images/thumb/sphx_glr_object_bounding_box_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_introductory_object_bounding_box.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip=" Simple light example. This example shows a cube with MeshPhongMaterial illuminated by a point ...">

.. only:: html

  .. image:: /_gallery/introductory/images/thumb/sphx_glr_light_basic_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_introductory_light_basic.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example demonstrating off-screen rendering.">

.. only:: html

  .. image:: /_gallery/introductory/images/thumb/sphx_glr_offscreen_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_introductory_offscreen.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example demonstrating clipping planes on a mesh.">

.. only:: html

  .. image:: /_gallery/introductory/images/thumb/sphx_glr_clipping_planes_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_introductory_clipping_planes.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing text in world and screen space.">

.. only:: html

  .. image:: /_gallery/introductory/images/thumb/sphx_glr_hello_text_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_introductory_hello_text.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing orbit camera controller.">

.. only:: html

  .. image:: /_gallery/introductory/images/thumb/sphx_glr_orbit_camera_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_introductory_orbit_camera.py`

.. raw:: html

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


.. raw:: html

    </div>

Feature Demos
-------------



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrates show utility with an STL file">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_show_stl_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_show_stl.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Show STL File via gfx.show</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing two Möbius strips. The one at the bottom actually has its ends attached, making...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_geometry_mobius_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_geometry_mobius.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Möbius strip Geometry</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing subdivided polyhedrons.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_geometry_polyhedron_subdivisions_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_geometry_polyhedron_subdivisions.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrates show utility for a scene">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_show_scene_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_show_scene.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Use gfx.show to show a Scene</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Show an image.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_geometry_image_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_geometry_image.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Use camera.show_object to ensure the Image is in view.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_show_image_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_show_image.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Display a line depicting a noisy signal consisting of a lot of points.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_line_performance_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_line_performance.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Line Drawing Performance</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing multiple rotating cubes. This also tests the depth buffer.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_geometry_cubes_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_geometry_cubes.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing multiple rotating polyhedrons.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_geometry_polyhedron_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_geometry_polyhedron.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing a Torus knot, with a texture and lighting.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_geometry_torus_knot_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_geometry_torus_knot.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing a Torus knot, dynamically changing what faces are shown.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_mesh_dynamic_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_mesh_dynamic.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing a Torus knot, using flat shading.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_flat_shaded_torus_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_flat_shaded_torus.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Display line segments. Can be useful e.g. for visializing vector fields.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_line_segments_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_line_segments.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Fly through a cloud of cololoured points. This example demonstrates the fly controller, as well...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_fly_controller_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_fly_controller.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing picking points. When clicking on a point, it&#x27;s location is changed. With a smal...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_picking_points_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_picking_points.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing transform control flow without matrix auto updating.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_manual_matrix_update_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_manual_matrix_update.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Transform Control without Matrix Updating</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example to demonstrate the Gizmo that can be used to transform world objects. Click the center ...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_helpers_gizmo_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_helpers_gizmo.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Gizmo to transform world objects</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Render slices through a volume, by uploading to a 2D texture. Simple and ... slow.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_volume_slice1_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_volume_slice1.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Volume Slice 1</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example simulates a grassy plane, using a technique that early 3D games used a lot. We cre...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_point_sprites_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_point_sprites.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Simulating grass with point sprites</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Use a plane geometry to show a texture, which is continuously updated to show video.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_geometry_plane_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_geometry_plane.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Render two volumes using different world transforms. Prints the world bounding box of the scene...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_world_bounding_box_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_world_bounding_box.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Bounding Box Coordinates</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example demonstrating text on dark and light background.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_text_contrast_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_text_contrast.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing a Torus knot, with a wireframe overlay.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_wireframe1_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_wireframe1.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Display very thick lines to show how lines stay pretty on large scales.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_line_thick_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_line_thick.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing a Klein Bottle. Surface normals are shown on both sides of the mesh, in differe...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_geometry_klein_bottle_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_geometry_klein_bottle.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Klein Bottle Geometry</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrates how to display performance statistics such as FPS and draw time on screen, by manu...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_helpers_stats_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_helpers_stats.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Stats helper (Manual)</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing a Torus knot, as a wireframe. We create two wireframes, one for the front, brig...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_wireframe2_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_wireframe2.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Render slices through a volume, by creating a 3D texture, and sampling onto a plane geometry. S...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_volume_slice2_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_volume_slice2.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Volume Slice 2</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Render slices through a volume, by creating a 3D texture, and viewing it with a VolumeSliceMate...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_volume_slice3_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_volume_slice3.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Volume Slice 3</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Show an image with points overlaid.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_image_plus_points_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_image_plus_points.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Image with Points Overlaid</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example with a skybox background in a rotating scene.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_skybox_rotate_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_skybox_rotate.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Use a Skybox</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Render three volumes using different world transforms.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_volume_render2_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_volume_render2.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Volume Rendering 2</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Pygfx by default assumes that all colors are in the sRGB colorspace. This example shows how you...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_physical_color_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_physical_color.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing orbit camera controller.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_panzoom_camera_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_panzoom_camera.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example rendering the same mesh object multiple times, using instancing.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_instancing_mesh_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_instancing_mesh.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example demonstrating synced video rendering">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_synced_video_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_synced_video.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Synced Video Rendering</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing picking the color from the scene. Depending on the object being clicked, more d...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_picking_color_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_picking_color.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing different types of geometric cylinders.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_spheres_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_spheres.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example demonstrates directional light shadows and their helper. The cubes within the view...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_light_directional_shadow_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_light_directional_shadow.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Directional Shadow 1</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing off the mesh slice material.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_mesh_slice_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_mesh_slice.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Mesh Slice Material</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows an application that allows the user to paint an image onto a texture.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_paint_to_texture_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_paint_to_texture.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Paint to a texture</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example demonstrating colormaps in 4 modes: grayscale, gray+alpha, RGB, RGBA.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_colormap_channels_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_colormap_channels.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Render a volume. Shift-click to draw white blobs inside the volume.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_volume_render1_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_volume_render1.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Volume Rendering 1</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Show an image with another image overlaid with alpha blending.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_image_overlay_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_image_overlay.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Image with another image overlaid</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing a 3D scene, with an object overload via Material.depth_test, and a 2D scene ove...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_scene_overlay_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_scene_overlay.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how the look_at function can be used.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_look_at_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_look_at.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Text snake">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_text_snake_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_text_snake.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing how to render to a subregion of a canvas.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_scene_subplots1_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_scene_subplots1.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example with a skybox background.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_skybox_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_skybox.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Use a Skybox</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing transparency using three overlapping planes. Press space to toggle the order of...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_transparency1_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_transparency1.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example of a scene rendered to a texture, which is shown in another scene.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_scene_in_a_scene_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_scene_in_a_scene.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows a complete PBR rendering effect. The cubemap of skybox is also the environme...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_pbr_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_pbr.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">PBR Rendering 1</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how the look_at function can be used with instanced mesh.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_look_at_instanced_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_look_at_instanced.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Look At (Instanced Mesh)</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip=" Slice a volume and a mesh through the three primary planes (XY, XZ, YZ). This example uses Vol...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_multi_slice2_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_multi_slice2.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Mesh and Volume Slicing 2</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing transparency using three orthogonal planes. Press space to toggle the order of ...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_transparency2_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_transparency2.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing different types of geometric cylinders.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_cylinder_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_cylinder.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Types of Cylinders</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing picking a mesh. Showing two meshes that can be clicked on. Upon clicking, the v...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_picking_mesh_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_picking_mesh.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Slice a volume and a mesh through the three primary planes (XY, XZ, YZ). This example uses a me...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_multi_slice1_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_multi_slice1.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Volume and Mesh Slicing 1</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example demonstrates the lightmap effects for MeshBasicMaterial, MeshPhongMaterial, and Me...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_lightmap_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_lightmap.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows three objects.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_dynamic_env_map_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_dynamic_env_map.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Dynamic Environment Map</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip=" This example demonstrates the ambient occlusion map effects for MeshBasicMaterial, MeshPhongMa...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_aomap_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_aomap.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Show an image and print the x, y image data coordinates for click events.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_image_click_events_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_image_click_events.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Image Click Events</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example demonstrates the effects of directional light shadows (from DirectionalLight) and ...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_light_shadow_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_light_shadow.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Directional Shadow 2</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Like scene_side_by_side, but now with a more plot-like idea, and mouse interaction.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_scene_subplots2_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_scene_subplots2.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example demonstrating different colormap dimensions on an image.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_colormap_image_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_colormap_image.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="An example combining synced_video.py with subplots. Double click to re-center the images.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_scene_subplots_video_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_scene_subplots_video.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example that implements a minimal custom object and renders it.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_custom_object1_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_custom_object1.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Minimal Custom Object</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows the lighting rendering affect of materials with different metalness and roug...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_pbr2_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_pbr2.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">PBR Rendering 2</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example demonstrates the environment mapping effects of the &quot;CUBE-REFLECTION&quot; and &quot;CUBE-RE...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_env_maps_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_env_maps.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Environment Map Effects</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="An example showing a waterfall of text. On the left it shows the contents of the glyph atlas. O...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_text_waterfall_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_text_waterfall.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Drawing a line with a shape that makes it interesting for demonstrating/testing various aspects...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_line_basic_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_line_basic.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example demonstrates the use of meshes with quad faces. Quad faces are used when geometry....">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_quad_mesh_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_quad_mesh.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Mesh with quads</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This shows how to map from the screen to the world by adding scatter points at click event loca...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_map_click_events_to_world_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_map_click_events_to_world.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Map Screen to World</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example demonstrating different colormap dimensions on a mesh, and per-vertex colors as a bonus...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_colormap_mesh_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_colormap_mesh.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip=" Example demonstrating multi object selection using mouse events.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_multi_select_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_multi_select.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Multi-Object Selection</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="A custom material for drawing geometry by depth">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_mesh_depth_material_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_mesh_depth_material.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example that implements a simple custom object and renders it.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_custom_object2_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_custom_object2.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip=" Spotlights example.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_light_spotlights_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_light_spotlights.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip=" Spotlights and shadows example">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_light_spotlight_shadows_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_light_spotlight_shadows.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example demonstrating the capabilities of text to be aligned and justified according to the use...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_text_align_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_text_align.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing a custom wireframe material, together with the builtin option to render a wiref...">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_wireframe_material_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_wireframe_material.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example that implements a custom object and renders it.">

.. only:: html

  .. image:: /_gallery/feature_demo/images/thumb/sphx_glr_custom_object3_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_feature_demo_custom_object3.py`

.. raw:: html

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


.. raw:: html

    </div>

Validation Examples
-------------------



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing the axes helper.">

.. only:: html

  .. image:: /_gallery/validation/images/thumb/sphx_glr_validate_helpers1_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_validation_validate_helpers1.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Axes Helper 1</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing the box geometry.">

.. only:: html

  .. image:: /_gallery/validation/images/thumb/sphx_glr_validate_box_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_validation_validate_box.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing the axes and grid helpers with a perspective camera.">

.. only:: html

  .. image:: /_gallery/validation/images/thumb/sphx_glr_validate_helpers2_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_validation_validate_helpers2.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Axis Helper 2</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Show an image displayed the correct way.">

.. only:: html

  .. image:: /_gallery/validation/images/thumb/sphx_glr_validate_image2_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_validation_validate_image2.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Show an image with a simple colormap.">

.. only:: html

  .. image:: /_gallery/validation/images/thumb/sphx_glr_validate_image_colormap_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_validation_validate_image_colormap.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Show an image using a plane geometry. For historic reasons, image data (usually) has the first ...">

.. only:: html

  .. image:: /_gallery/validation/images/thumb/sphx_glr_validate_image1_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_validation_validate_image1.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Image on Plane Geometry 1</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example validates that normals are handled such that both the front and back faces are lit...">

.. only:: html

  .. image:: /_gallery/validation/images/thumb/sphx_glr_validate_normals_sides_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_validation_validate_normals_sides.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Normals on front and back</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip=" The top line is drawn with the thin line material, a classic gl one-pixel line.  On the left a...">

.. only:: html

  .. image:: /_gallery/validation/images/thumb/sphx_glr_validate_line_thickness_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_validation_validate_line_thickness.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Lines with different thicknesses</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip=" On the left are points with increasing size, without aa, they don&#x27;t get smaller than one physi...">

.. only:: html

  .. image:: /_gallery/validation/images/thumb/sphx_glr_validate_points_size_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_validation_validate_points_size.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Points with different sizes</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example (and test) for behavior of the depth buffer w.r.t. overlays, implemented using Material...">

.. only:: html

  .. image:: /_gallery/validation/images/thumb/sphx_glr_validate_depth_overlay2_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_validation_validate_depth_overlay2.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Depth Overlay 2</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example (and test) for behavior of the depth buffer w.r.t. overlays, implemented by multiple re...">

.. only:: html

  .. image:: /_gallery/validation/images/thumb/sphx_glr_validate_depth_overlay1_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_validation_validate_depth_overlay1.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Depth Overlay 1</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example draws squares of reference colors. These can be compared to similar output from e....">

.. only:: html

  .. image:: /_gallery/validation/images/thumb/sphx_glr_validate_color_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_validation_validate_color.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example draws a series of semitransparent planes using weighted_plus.">

.. only:: html

  .. image:: /_gallery/validation/images/thumb/sphx_glr_validate_transparency_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_validation_validate_transparency.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows texts with different anchors, so the text can be aligned in the scene.">

.. only:: html

  .. image:: /_gallery/validation/images/thumb/sphx_glr_validate_text_anchor_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_validation_validate_text_anchor.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip=" All available marker shapes are shown.  Shows red, green and blue faces. Then a semi-transpare...">

.. only:: html

  .. image:: /_gallery/validation/images/thumb/sphx_glr_validate_points_markers_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_validation_validate_points_markers.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Points with different markers</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip=" Demoing densely sampled lines with dashing.  Thicker lines show the same pattern (i.e. dash ph...">

.. only:: html

  .. image:: /_gallery/validation/images/thumb/sphx_glr_validate_line_dash_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_validation_validate_line_dash.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example combines MeshPhongMaterial and MeshStandardMaterial with PointLight, AmbientLight,...">

.. only:: html

  .. image:: /_gallery/validation/images/thumb/sphx_glr_validate_light_shadow_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_validation_validate_light_shadow.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Light and Shadow</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This validates that the skybox background is rendered correctly, as well as that the environmen...">

.. only:: html

  .. image:: /_gallery/validation/images/thumb/sphx_glr_validate_skybox_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_validation_validate_skybox.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example (and test) for camera depth clipping planes. This draws four rectangles near the near a...">

.. only:: html

  .. image:: /_gallery/validation/images/thumb/sphx_glr_validate_depth_clipping_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_validation_validate_depth_clipping.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Render a volume and volume slices. You should see:">

.. only:: html

  .. image:: /_gallery/validation/images/thumb/sphx_glr_validate_volume_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_validation_validate_volume.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Volume and Volume Slice Rendering</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example demonstrating the capabilities of text to be aligned and justified according to the use...">

.. only:: html

  .. image:: /_gallery/validation/images/thumb/sphx_glr_validate_text_align_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_validation_validate_text_align.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example (and test) for the NDC coordinates. Draws a square that falls partly out of visible ran...">

.. only:: html

  .. image:: /_gallery/validation/images/thumb/sphx_glr_validate_ndc_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_validation_validate_ndc.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows text with different sizes.">

.. only:: html

  .. image:: /_gallery/validation/images/thumb/sphx_glr_validate_text_size_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_validation_validate_text_size.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip=" This shows a 2D line in 3 flavours.  It shows a gap due to nan values.  It has duplicate point...">

.. only:: html

  .. image:: /_gallery/validation/images/thumb/sphx_glr_validate_line_2d_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_validation_validate_line_2d.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Lines in 2D</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example draws 3 rows of cubes, each with size 10, but each row in a different size_space (...">

.. only:: html

  .. image:: /_gallery/validation/images/thumb/sphx_glr_validate_points_size_space_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_validation_validate_points_size_space.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Points drawn with different size_space</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Show meshes with 1D, 2D, and 3D colormaps, and per-vertex colors too.">

.. only:: html

  .. image:: /_gallery/validation/images/thumb/sphx_glr_validate_mesh_colormap_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_validation_validate_mesh_colormap.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example draws 3 rows of cubes, each with thickness 10, but each row in a different thickne...">

.. only:: html

  .. image:: /_gallery/validation/images/thumb/sphx_glr_validate_line_thickness_space_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_validation_validate_line_thickness_space.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Lines drawn with different thickness_space</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example test to validate winding and culling.">

.. only:: html

  .. image:: /_gallery/validation/images/thumb/sphx_glr_validate_culling_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_validation_validate_culling.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example to validate the mesh slice rendering.">

.. only:: html

  .. image:: /_gallery/validation/images/thumb/sphx_glr_validate_meshslice_thumb.webp
    :alt:

  :ref:`sphx_glr__gallery_validation_validate_meshslice.py`

.. raw:: html

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


.. raw:: html

    </div>

Other Examples
--------------

.. note::
    The examples in this section are not rendered. Typically because they use a
    backend that is not available on the CI runner.



.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing a single geometric cube.">

.. only:: html

  .. image:: /_gallery/other/images/thumb/sphx_glr_cube_wx_thumb.png
    :alt:

  :ref:`sphx_glr__gallery_other_cube_wx.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Simple Cube with WX</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example showing a single geometric cube.">

.. only:: html

  .. image:: /_gallery/other/images/thumb/sphx_glr_cube_qt_thumb.png
    :alt:

  :ref:`sphx_glr__gallery_other_cube_qt.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Simple Cube with Qt</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Demonstrate how a specific GPU can be selected, or how a GPU can be selected using a power pref...">

.. only:: html

  .. image:: /_gallery/other/images/thumb/sphx_glr_gpu_selection_thumb.png
    :alt:

  :ref:`sphx_glr__gallery_other_gpu_selection.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Integrate pygfx in Qt">

.. only:: html

  .. image:: /_gallery/other/images/thumb/sphx_glr_integration_qt_thumb.png
    :alt:

  :ref:`sphx_glr__gallery_other_integration_qt.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Integrate pygfx in Qt</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example demonstrating rendering the same scene into two different canvases.">

.. only:: html

  .. image:: /_gallery/other/images/thumb/sphx_glr_two_canvases_thumb.png
    :alt:

  :ref:`sphx_glr__gallery_other_two_canvases.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Display a lot of line objects. Because of the architecture of wgpu, this is still performant.">

.. only:: html

  .. image:: /_gallery/other/images/thumb/sphx_glr_collection_line_thumb.png
    :alt:

  :ref:`sphx_glr__gallery_other_collection_line.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Performance of drawing many Lines</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example shows how to load the Sponza scene. To run it, you have to have access to the spon...">

.. only:: html

  .. image:: /_gallery/other/images/thumb/sphx_glr_sponza_scene_thumb.png
    :alt:

  :ref:`sphx_glr__gallery_other_sponza_scene.py`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="This example encapsulates all state that has a visual impact on the drawn frame, and only rende...">

.. only:: html

  .. image:: /_gallery/other/images/thumb/sphx_glr_reactive_rendering_thumb.png
    :alt:

  :ref:`sphx_glr__gallery_other_reactive_rendering.py`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Reactive rendering loop</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Lighting effect demonstration examples with adjustable parameters">

.. only:: html

  .. image:: /_gallery/other/images/thumb/sphx_glr_light_view_thumb.png
    :alt:

  :ref:`sphx_glr__gallery_other_light_view.py`

.. raw:: html

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


.. raw:: html

    </div>


.. toctree::
   :hidden:
   :includehidden:


   /_gallery/introductory/index.rst
   /_gallery/feature_demo/index.rst
   /_gallery/validation/index.rst
   /_gallery/other/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: _gallery_python.zip </_gallery/_gallery_python.zip>`

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

      :download:`Download all examples in Jupyter notebooks: _gallery_jupyter.zip </_gallery/_gallery_jupyter.zip>`


.. only:: html

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

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