:orphan:

RenderCanvas examples
=====================

.. raw:: html

  <div id='sg-tag-list' class='sphx-glr-tag-list'></div>


.. raw:: html

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

.. thumbnail-parent-div-open

.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="A simple example to demonstrate events. Events are printed to the console.">

.. only:: html

  .. image:: /gallery/images/thumb/sphx_glr_events_thumb.png
    :alt:

  :doc:`/gallery/events`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Run a wgpu example on the wx backend.">

.. only:: html

  .. image:: /gallery/images/thumb/sphx_glr_cube_wx_thumb.png
    :alt:

  :doc:`/gallery/cube_wx`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Run a wgpu example on the glfw backend (with the default asyncio loop).">

.. only:: html

  .. image:: /gallery/images/thumb/sphx_glr_cube_glfw_thumb.png
    :alt:

  :doc:`/gallery/cube_glfw`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Run a wgpu example on an automatically selected backend.">

.. only:: html

  .. image:: /gallery/images/thumb/sphx_glr_cube_auto_thumb.png
    :alt:

  :doc:`/gallery/cube_auto`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Run a wgpu example on the glfw backend, and the raw loop.">

.. only:: html

  .. image:: /gallery/images/thumb/sphx_glr_cube_rawloop_thumb.png
    :alt:

  :doc:`/gallery/cube_rawloop`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Cube raw loop</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Run a wgpu example on the Qt backend, but with the trio loop.">

.. only:: html

  .. image:: /gallery/images/thumb/sphx_glr_cube_qt_trio_thumb.png
    :alt:

  :doc:`/gallery/cube_qt_trio`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Cube qt canvas on the trio loop</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Simple example that uses the bitmap-context to show images of noise.">

.. only:: html

  .. image:: /gallery/images/thumb/sphx_glr_noise_thumb.png
    :alt:

  :doc:`/gallery/noise`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Run cube example in two canvases.">

.. only:: html

  .. image:: /gallery/images/thumb/sphx_glr_multiple_thumb.png
    :alt:

  :doc:`/gallery/multiple`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Render a wgpu example offscreen, and display as an image.">

.. only:: html

  .. image:: /gallery/images/thumb/sphx_glr_cube_offscreen_thumb.png
    :alt:

  :doc:`/gallery/cube_offscreen`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Run a wgpu example on the glfw backend, and the asyncio loop">

.. only:: html

  .. image:: /gallery/images/thumb/sphx_glr_cube_asyncio_thumb.png
    :alt:

  :doc:`/gallery/cube_asyncio`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Run a wgpu example on the glfw backend, and the trio loop.">

.. only:: html

  .. image:: /gallery/images/thumb/sphx_glr_cube_trio_thumb.png
    :alt:

  :doc:`/gallery/cube_trio`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Run a wgpu example on the Qt backend.">

.. only:: html

  .. image:: /gallery/images/thumb/sphx_glr_cube_qt_thumb.png
    :alt:

  :doc:`/gallery/cube_qt`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Example that renders frames in a separate thread.">

.. only:: html

  .. image:: /gallery/images/thumb/sphx_glr_offsceen_threaded_thumb.png
    :alt:

  :doc:`/gallery/offsceen_threaded`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="Simple snake game based on bitmap rendering. Work in progress.">

.. only:: html

  .. image:: /gallery/images/thumb/sphx_glr_snake_thumb.png
    :alt:

  :doc:`/gallery/snake`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="An example demonstrating a wx app with a wgpu viz inside.">

.. only:: html

  .. image:: /gallery/images/thumb/sphx_glr_wx_app_thumb.png
    :alt:

  :doc:`/gallery/wx_app`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="An example demonstrating a qt app with a wgpu viz inside.">

.. only:: html

  .. image:: /gallery/images/thumb/sphx_glr_qt_app_thumb.png
    :alt:

  :doc:`/gallery/qt_app`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="An example that uses events to trigger some canvas functionality.">

.. only:: html

  .. image:: /gallery/images/thumb/sphx_glr_demo_thumb.png
    :alt:

  :doc:`/gallery/demo`

.. raw:: html

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


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="An example demonstrating a qt app with a wgpu viz inside.">

.. only:: html

  .. image:: /gallery/images/thumb/sphx_glr_qt_app_asyncio_thumb.png
    :alt:

  :doc:`/gallery/qt_app_asyncio`

.. raw:: html

      <div class="sphx-glr-thumbnail-title">Qt app with asyncio</div>
    </div>


.. raw:: html

    <div class="sphx-glr-thumbcontainer" tooltip="An example that shows coloured squares that can be dragged around using the pointer device. Hit space to add a new block, or escape to reset the blocks to their initial state.">

.. only:: html

  .. image:: /gallery/images/thumb/sphx_glr_drag_thumb.png
    :alt:

  :doc:`/gallery/drag`

.. raw:: html

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


.. thumbnail-parent-div-close

.. raw:: html

    </div>


.. toctree::
   :hidden:

   /gallery/events
   /gallery/cube_wx
   /gallery/cube_glfw
   /gallery/cube_auto
   /gallery/cube_rawloop
   /gallery/cube_qt_trio
   /gallery/noise
   /gallery/multiple
   /gallery/cube_offscreen
   /gallery/cube_asyncio
   /gallery/cube_trio
   /gallery/cube_qt
   /gallery/offsceen_threaded
   /gallery/snake
   /gallery/wx_app
   /gallery/qt_app
   /gallery/demo
   /gallery/qt_app_asyncio
   /gallery/drag


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