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

  :doc:`/_gallery/introductory/show_util`

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

  :doc:`/_gallery/introductory/cube`

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

  :doc:`/_gallery/introductory/hello_triangle`

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

  :doc:`/_gallery/introductory/points_basic`

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

  :doc:`/_gallery/introductory/object_bounding_box`

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

  :doc:`/_gallery/introductory/light_basic`

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

  :doc:`/_gallery/introductory/hello_text`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Hello text</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:

  :doc:`/_gallery/introductory/clipping_planes`

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

  :doc:`/_gallery/introductory/orbit_camera`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Orbit Camera</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:

  :doc:`/_gallery/introductory/offscreen`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Offscreen Rendering</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/clipping_planes
   /_gallery/introductory/orbit_camera
   /_gallery/introductory/offscreen