.. _sphx_glr__gallery_introductory:

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



.. raw:: html

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

.. thumbnail-parent-div-open

.. 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 light and a directional light.">

.. 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 showing text in world and screen space. Also notice how the text is shown on top of the plane (due to its depth offset).">

.. 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 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 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>


.. thumbnail-parent-div-close

.. raw:: html

    </div>


.. toctree::
   :hidden:

   /_gallery/introductory/show_util
   /_gallery/introductory/cube
   /_gallery/introductory/hello_triangle
   /_gallery/introductory/points_basic
   /_gallery/introductory/object_bounding_box
   /_gallery/introductory/light_basic
   /_gallery/introductory/hello_text
   /_gallery/introductory/offscreen
   /_gallery/introductory/clipping_planes
   /_gallery/introductory/orbit_camera