.. _resources:

Built-In Resources
==================

Every file below is included when you :ref:`install Arcade <install>`.

Afterward, you can try running one of Arcade's :py:ref:`examples <example-code>`,
such as the one below:

.. code-block:: shell
   :caption: Taken from :ref:`sprite_collect_coins`

   python -m arcade.examples.sprite_collect_coins

If the example mini-game runs, every image, sound, font, and example Tiled map below should
work with zero additional software. You can still download the resources from this page for
convenience, or visit `Kenney.nl`_ for more permissively licensed game assets.

The one feature which may require additional software is Arcade's experimental video playback
support. The :ref:`resources-video` section below will explain further.

Do I have to credit anyone?
---------------------------

That's a good question and one you should always ask when searching for assets online.
To help users get started quickly, the Arcade team makes sure to only bundle assets which
are specifically released under `CC0`_ or similar terms.
Most are from `Kenney.nl`_.

How do I use these?
-------------------

Each file preview below has the following items above it:

.. raw:: html

   <ol>
      <li>A <strong>file name</strong> as a single-quoted string (<code class="docutils literal notranslate"><span class="pre">&#x27;logo.png&#x27;</span></code>)</li>
      <li>A <strong>copy button</strong> to the right of the string (<div class="arcade-ezcopy doc-ui-example-dummy" style="display: inline-block;"><img src="https://api.arcade.academy/en/3.3.1//_static/icons/tabler/copy.svg"></div>)</li>
   </ol>

Click the button above a preview to copy the **resource handle** string for loading the asset. It should
look something like this::

  ':resources:/logo.png'

Each resource preview on this page has a button which copies a corresponding string. These
resource handle strings allow using Arcade's built-in assets without worrying where a file is
on a computer.

To learn more, please see:

* The :ref:`resources-top-level-resources` section for a short tutorial on resource handles
* :ref:`example-code` for runnable example code
* :ref:`main-page-tutorials` for a step-by-step introduction to Arcade
* :ref:`resource_handles` for in-depth explanations of resource handles



.. _resources-top-level-resources:

Top-Level Resources
-------------------


.. comment `':resources:/'``

The Arcade logo doubles as a quick way to test :ref:`resource handles <resource_handles>`.

.. raw:: html

   <ol>
      <li>Look down toward the Arcade logo below until you see the file name</li>
      <li>Look to the right edge of the file name (<code class="docutils literal notranslate"><span class="pre">'logo.png'</span></code>)</li>
      <li>There should be a copy button (<div class="arcade-ezcopy doc-ui-example-dummy" style="display: inline-block;">
        <img src="https://api.arcade.academy/en/development/_static/icons/tabler/copy.svg"></div>) </li>
      <li>Click or tap it to copy the string</li>
      <li>Try pasting it in your favorite text editor!</li>
   </ol>

.. list-table:: ``':resources:/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;logo.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/logo.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/logo.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-logo-png



        *(500 px x 507 px)*



.. _resources-fonts:

Fonts
-----


.. comment `':resources:/fonts/'``


.. _resources-fonts-kenney:

Kenney TTFs
^^^^^^^^^^^


.. comment `':resources:/fonts/ttf/Kenney/'``

.. figure:: images/fonts_blue.png
   :align: center
   :alt: The bundled Kenney.nl fonts.

.. Put the text *after* the CSS, or add <br> via .. raw:: html blocks
.. since the CSS may be broken.

Arcade includes the following fonts from `Kenney.nl's font pack <https://kenney.nl/assets/kenney-fonts>`_
are available using the path and filenames below.

.. list-table:: ``':resources:/fonts/ttf/Kenney/'``
    :class: resource-table
    :widths: 30 15 55
    :header-rows: 1

    * - :py:class:`font_name <arcade.Text>`
      - Style(s)
      - :ref:`Resource Handle <resource_handles>`

    * - .. code-block:: python

           'Kenney Blocks'

      - Regular

      - .. code-block:: python

           ':resources:/fonts/ttf/Kenney/Kenney_Blocks.ttf'

    * - .. code-block:: python

           'Kenney Future'

      - Regular

      - .. code-block:: python

           ':resources:/fonts/ttf/Kenney/Kenney_Future.ttf'

    * - .. code-block:: python

           'Kenney Future'

      - Narrow

      - .. code-block:: python

           ':resources:/fonts/ttf/Kenney/Kenney_Future_Narrow.ttf'

    * - .. code-block:: python

           'Kenney High'

      - Regular

      - .. code-block:: python

           ':resources:/fonts/ttf/Kenney/Kenney_High.ttf'

    * - .. code-block:: python

           'Kenney High'

      - Square

      - .. code-block:: python

           ':resources:/fonts/ttf/Kenney/Kenney_High_Square.ttf'

    * - .. code-block:: python

           'Kenney Mini'

      - Regular

      - .. code-block:: python

           ':resources:/fonts/ttf/Kenney/Kenney_Mini.ttf'

    * - .. code-block:: python

           'Kenney Mini'

      - Square

      - .. code-block:: python

           ':resources:/fonts/ttf/Kenney/Kenney_Mini_Square.ttf'

    * - .. code-block:: python

           'Kenney Pixel'

      - Regular

      - .. code-block:: python

           ':resources:/fonts/ttf/Kenney/Kenney_Pixel.ttf'

    * - .. code-block:: python

           'Kenney Pixel'

      - Square

      - .. code-block:: python

           ':resources:/fonts/ttf/Kenney/Kenney_Pixel_Square.ttf'

    * - .. code-block:: python

           'Kenney Rocket'

      - Regular

      - .. code-block:: python

           ':resources:/fonts/ttf/Kenney/Kenney_Rocket.ttf'

    * - .. code-block:: python

           'Kenney Rocket'

      - Square

      - .. code-block:: python

           ':resources:/fonts/ttf/Kenney/Kenney_Rocket_Square.ttf'


.. _resources-fonts-liberation:

Liberation TTFs
^^^^^^^^^^^^^^^


.. comment `':resources:/fonts/ttf/Liberation/'``

.. figure:: images/fonts_liberation.png
   :alt: The bundled Liberation font family trio.
   :align: center

.. Put the text *after* the CSS, or add <br> via .. raw:: html blocks
.. since the CSS may be broken.

Arcade also includes the Liberation font family. This trio is designed and
licensed specifically to be a portable, drop-in set of substitutes for Times, Arial,
and Courier fonts. It uses the proven, commercial-friendly `SIL Open Font License`_.

To use these fonts, you may use either approach:

* load files for specific variants via :py:func:`arcade.load_font`
* load all variants at once with :py:func:`arcade.resources.load_liberation_fonts`.

.. list-table:: ``':resources:/fonts/ttf/Liberation/'``
    :class: resource-table
    :widths: 30 15 55
    :header-rows: 1

    * - :py:class:`font_name <arcade.Text>`
      - Style(s)
      - :ref:`Resource Handle <resource_handles>`

    * - .. code-block:: python

           'Liberation Mono'

      - Bold

      - .. code-block:: python

           ':resources:/fonts/ttf/Liberation/Liberation_Mono_Bold.ttf'

    * - .. code-block:: python

           'Liberation Mono'

      - Bold, Italic

      - .. code-block:: python

           ':resources:/fonts/ttf/Liberation/Liberation_Mono_BoldItalic.ttf'

    * - .. code-block:: python

           'Liberation Mono'

      - Italic

      - .. code-block:: python

           ':resources:/fonts/ttf/Liberation/Liberation_Mono_Italic.ttf'

    * - .. code-block:: python

           'Liberation Mono'

      - Regular

      - .. code-block:: python

           ':resources:/fonts/ttf/Liberation/Liberation_Mono_Regular.ttf'

    * - .. code-block:: python

           'Liberation Sans'

      - Bold

      - .. code-block:: python

           ':resources:/fonts/ttf/Liberation/Liberation_Sans_Bold.ttf'

    * - .. code-block:: python

           'Liberation Sans'

      - Bold, Italic

      - .. code-block:: python

           ':resources:/fonts/ttf/Liberation/Liberation_Sans_BoldItalic.ttf'

    * - .. code-block:: python

           'Liberation Sans'

      - Italic

      - .. code-block:: python

           ':resources:/fonts/ttf/Liberation/Liberation_Sans_Italic.ttf'

    * - .. code-block:: python

           'Liberation Sans'

      - Regular

      - .. code-block:: python

           ':resources:/fonts/ttf/Liberation/Liberation_Sans_Regular.ttf'

    * - .. code-block:: python

           'Liberation Serif'

      - Bold

      - .. code-block:: python

           ':resources:/fonts/ttf/Liberation/Liberation_Serif_Bold.ttf'

    * - .. code-block:: python

           'Liberation Serif'

      - Bold, Italic

      - .. code-block:: python

           ':resources:/fonts/ttf/Liberation/Liberation_Serif_BoldItalic.ttf'

    * - .. code-block:: python

           'Liberation Serif'

      - Italic

      - .. code-block:: python

           ':resources:/fonts/ttf/Liberation/Liberation_Serif_Italic.ttf'

    * - .. code-block:: python

           'Liberation Serif'

      - Regular

      - .. code-block:: python

           ':resources:/fonts/ttf/Liberation/Liberation_Serif_Regular.ttf'


.. _resources-gui basic assets:

GUI Basic Assets
----------------


.. comment `':resources:/gui_basic_assets/'``


.. _resources-button:

Button
^^^^^^


.. comment `':resources:/gui_basic_assets/button/'``


.. list-table:: ``':resources:/gui_basic_assets/button/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;red_disabled.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/button/red_disabled.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/button/red_disabled.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-button-red-disabled-png



        *(190 px x 49 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;red_hover.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/button/red_hover.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/button/red_hover.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-button-red-hover-png



        *(190 px x 49 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;red_normal.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/button/red_normal.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/button/red_normal.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-button-red-normal-png



        *(190 px x 49 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;red_press.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/button/red_press.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/button/red_press.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-button-red-press-png



        *(190 px x 49 px)*



.. _resources-checkbox:

Checkbox
^^^^^^^^


.. comment `':resources:/gui_basic_assets/checkbox/'``


.. list-table:: ``':resources:/gui_basic_assets/checkbox/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;blue_check.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/checkbox/blue_check.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/checkbox/blue_check.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-checkbox-blue-check-png



        *(64 px x 64 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;blue_cross.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/checkbox/blue_cross.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/checkbox/blue_cross.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-checkbox-blue-cross-png



        *(64 px x 64 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;empty.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/checkbox/empty.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/checkbox/empty.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-checkbox-empty-png



        *(64 px x 64 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;grey_check.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/checkbox/grey_check.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/checkbox/grey_check.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-checkbox-grey-check-png



        *(64 px x 64 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;grey_cross.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/checkbox/grey_cross.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/checkbox/grey_cross.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-checkbox-grey-cross-png



        *(64 px x 64 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;red_check.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/checkbox/red_check.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/checkbox/red_check.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-checkbox-red-check-png



        *(64 px x 64 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;red_cross.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/checkbox/red_cross.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/checkbox/red_cross.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-checkbox-red-cross-png



        *(64 px x 64 px)*


      -

.. _resources-icons:

Icons
^^^^^


.. comment `':resources:/gui_basic_assets/icons/'``


.. list-table:: ``':resources:/gui_basic_assets/icons/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;larger.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/icons/larger.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/icons/larger.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-icons-larger-png



        *(100 px x 100 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;smaller.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/icons/smaller.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/icons/smaller.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-icons-smaller-png



        *(101 px x 101 px)*



.. _resources-scroll:

Scroll
^^^^^^


.. comment `':resources:/gui_basic_assets/scroll/'``


.. list-table:: ``':resources:/gui_basic_assets/scroll/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;indicator_down.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/scroll/indicator_down.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/scroll/indicator_down.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-scroll-indicator-down-png



        *(32 px x 32 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;indicator_up.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/scroll/indicator_up.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/scroll/indicator_up.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-scroll-indicator-up-png



        *(32 px x 32 px)*



.. _resources-simple checkbox:

Simple Checkbox
^^^^^^^^^^^^^^^


.. comment `':resources:/gui_basic_assets/simple_checkbox/'``


.. list-table:: ``':resources:/gui_basic_assets/simple_checkbox/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;circle_off.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/simple_checkbox/circle_off.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/simple_checkbox/circle_off.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-simple-checkbox-circle-off-png



        *(50 px x 50 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;circle_on.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/simple_checkbox/circle_on.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/simple_checkbox/circle_on.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-simple-checkbox-circle-on-png



        *(50 px x 50 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;switch_green.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/simple_checkbox/switch_green.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/simple_checkbox/switch_green.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-simple-checkbox-switch-green-png



        *(83 px x 52 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;switch_red.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/simple_checkbox/switch_red.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/simple_checkbox/switch_red.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-simple-checkbox-switch-red-png



        *(83 px x 52 px)*



.. _resources-slider:

Slider
^^^^^^


.. comment `':resources:/gui_basic_assets/slider/'``


.. list-table:: ``':resources:/gui_basic_assets/slider/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;thumb_blue.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/slider/thumb_blue.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/slider/thumb_blue.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-slider-thumb-blue-png



        *(50 px x 50 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;thumb_green.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/slider/thumb_green.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/slider/thumb_green.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-slider-thumb-green-png



        *(50 px x 50 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;thumb_red.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/slider/thumb_red.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/slider/thumb_red.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-slider-thumb-red-png



        *(50 px x 50 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;track_blue.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/slider/track_blue.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/slider/track_blue.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-slider-track-blue-png



        *(50 px x 50 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;track_green.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/slider/track_green.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/slider/track_green.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-slider-track-green-png



        *(50 px x 50 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;track_red.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/slider/track_red.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/slider/track_red.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-slider-track-red-png



        *(50 px x 50 px)*



.. _resources-toggle:

Toggle
^^^^^^


.. comment `':resources:/gui_basic_assets/toggle/'``


.. list-table:: ``':resources:/gui_basic_assets/toggle/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;green.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/toggle/green.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/toggle/green.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-toggle-green-png



        *(64 px x 32 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;green_gray.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/toggle/green_gray.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/toggle/green_gray.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-toggle-green-gray-png



        *(64 px x 32 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;red.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/toggle/red.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/toggle/red.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-toggle-red-png



        *(64 px x 32 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;red_gray.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/toggle/red_gray.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/toggle/red_gray.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-toggle-red-gray-png



        *(64 px x 32 px)*



.. _resources-window & panel:

Window & Panel
^^^^^^^^^^^^^^


.. comment `':resources:/gui_basic_assets/window/'``


.. list-table:: ``':resources:/gui_basic_assets/window/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dark_blue_gray_panel.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/window/dark_blue_gray_panel.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/window/dark_blue_gray_panel.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-window-dark-blue-gray-panel-png



        *(100 px x 100 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;grey_panel.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/window/grey_panel.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/window/grey_panel.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-window-grey-panel-png



        *(100 px x 100 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;panel_blue.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/window/panel_blue.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/window/panel_blue.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-window-panel-blue-png



        *(32 px x 32 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;panel_gray.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/window/panel_gray.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/window/panel_gray.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-window-panel-gray-png



        *(32 px x 32 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;panel_green.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/window/panel_green.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/window/panel_green.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-window-panel-green-png



        *(32 px x 32 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;panel_red.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/gui_basic_assets/window/panel_red.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/system/gui_basic_assets/window/panel_red.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-gui-basic-assets-window-panel-red-png



        *(32 px x 32 px)*



.. _resources-image theme sets:

Image Theme Sets
----------------


.. comment `':resources:/images/'``

Arcade includes an number of themed image sets to help you get started
making specific types of games. Some of these help you complete the tutorials
while others are general-purpose prototyping tools.

.. _resources-alien:

Alien
^^^^^


.. comment `':resources:/images/alien/'``


.. list-table:: ``':resources:/images/alien/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;alienBlue_climb1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/alien/alienBlue_climb1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/alien/alienBlue_climb1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-alien-alienBlue-climb1-png



        *(132 px x 188 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;alienBlue_climb2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/alien/alienBlue_climb2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/alien/alienBlue_climb2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-alien-alienBlue-climb2-png



        *(132 px x 188 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;alienBlue_fall.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/alien/alienBlue_fall.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/alien/alienBlue_fall.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-alien-alienBlue-fall-png



        *(138 px x 188 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;alienBlue_front.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/alien/alienBlue_front.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/alien/alienBlue_front.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-alien-alienBlue-front-png



        *(131 px x 188 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;alienBlue_jump.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/alien/alienBlue_jump.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/alien/alienBlue_jump.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-alien-alienBlue-jump-png



        *(135 px x 191 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;alienBlue_walk1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/alien/alienBlue_walk1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/alien/alienBlue_walk1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-alien-alienBlue-walk1-png



        *(134 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;alienBlue_walk2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/alien/alienBlue_walk2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/alien/alienBlue_walk2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-alien-alienBlue-walk2-png



        *(140 px x 195 px)*


      -

.. _resources-animated characters:

Animated Characters
^^^^^^^^^^^^^^^^^^^


.. comment `':resources:/images/animated_characters/'``


.. _resources-female adventurer:

Female Adventurer
"""""""""""""""""


.. comment `':resources:/images/animated_characters/female_adventurer/'``


.. list-table:: ``':resources:/images/animated_characters/female_adventurer/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;femaleAdventurer_climb0.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/female_adventurer/femaleAdventurer_climb0.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/female_adventurer/femaleAdventurer_climb0.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-female-adventurer-femaleAdventurer-climb0-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;femaleAdventurer_climb1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/female_adventurer/femaleAdventurer_climb1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/female_adventurer/femaleAdventurer_climb1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-female-adventurer-femaleAdventurer-climb1-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;femaleAdventurer_fall.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/female_adventurer/femaleAdventurer_fall.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/female_adventurer/femaleAdventurer_fall.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-female-adventurer-femaleAdventurer-fall-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;femaleAdventurer_idle.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/female_adventurer/femaleAdventurer_idle.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/female_adventurer/femaleAdventurer_idle.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-female-adventurer-femaleAdventurer-idle-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;femaleAdventurer_jump.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/female_adventurer/femaleAdventurer_jump.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/female_adventurer/femaleAdventurer_jump.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-female-adventurer-femaleAdventurer-jump-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;femaleAdventurer_walk0.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/female_adventurer/femaleAdventurer_walk0.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/female_adventurer/femaleAdventurer_walk0.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-female-adventurer-femaleAdventurer-walk0-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;femaleAdventurer_walk1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/female_adventurer/femaleAdventurer_walk1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/female_adventurer/femaleAdventurer_walk1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-female-adventurer-femaleAdventurer-walk1-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;femaleAdventurer_walk2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/female_adventurer/femaleAdventurer_walk2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/female_adventurer/femaleAdventurer_walk2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-female-adventurer-femaleAdventurer-walk2-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;femaleAdventurer_walk3.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/female_adventurer/femaleAdventurer_walk3.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/female_adventurer/femaleAdventurer_walk3.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-female-adventurer-femaleAdventurer-walk3-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;femaleAdventurer_walk4.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/female_adventurer/femaleAdventurer_walk4.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/female_adventurer/femaleAdventurer_walk4.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-female-adventurer-femaleAdventurer-walk4-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;femaleAdventurer_walk5.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/female_adventurer/femaleAdventurer_walk5.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/female_adventurer/femaleAdventurer_walk5.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-female-adventurer-femaleAdventurer-walk5-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;femaleAdventurer_walk6.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/female_adventurer/femaleAdventurer_walk6.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/female_adventurer/femaleAdventurer_walk6.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-female-adventurer-femaleAdventurer-walk6-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;femaleAdventurer_walk7.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/female_adventurer/femaleAdventurer_walk7.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/female_adventurer/femaleAdventurer_walk7.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-female-adventurer-femaleAdventurer-walk7-png



        *(96 px x 128 px)*


      -

.. _resources-female person:

Female Person
"""""""""""""


.. comment `':resources:/images/animated_characters/female_person/'``


.. list-table:: ``':resources:/images/animated_characters/female_person/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;femalePerson_climb0.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/female_person/femalePerson_climb0.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/female_person/femalePerson_climb0.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-female-person-femalePerson-climb0-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;femalePerson_climb1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/female_person/femalePerson_climb1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/female_person/femalePerson_climb1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-female-person-femalePerson-climb1-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;femalePerson_fall.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/female_person/femalePerson_fall.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/female_person/femalePerson_fall.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-female-person-femalePerson-fall-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;femalePerson_idle.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/female_person/femalePerson_idle.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/female_person/femalePerson_idle.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-female-person-femalePerson-idle-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;femalePerson_jump.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/female_person/femalePerson_jump.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/female_person/femalePerson_jump.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-female-person-femalePerson-jump-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;femalePerson_walk0.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/female_person/femalePerson_walk0.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/female_person/femalePerson_walk0.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-female-person-femalePerson-walk0-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;femalePerson_walk1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/female_person/femalePerson_walk1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/female_person/femalePerson_walk1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-female-person-femalePerson-walk1-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;femalePerson_walk2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/female_person/femalePerson_walk2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/female_person/femalePerson_walk2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-female-person-femalePerson-walk2-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;femalePerson_walk3.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/female_person/femalePerson_walk3.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/female_person/femalePerson_walk3.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-female-person-femalePerson-walk3-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;femalePerson_walk4.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/female_person/femalePerson_walk4.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/female_person/femalePerson_walk4.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-female-person-femalePerson-walk4-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;femalePerson_walk5.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/female_person/femalePerson_walk5.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/female_person/femalePerson_walk5.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-female-person-femalePerson-walk5-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;femalePerson_walk6.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/female_person/femalePerson_walk6.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/female_person/femalePerson_walk6.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-female-person-femalePerson-walk6-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;femalePerson_walk7.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/female_person/femalePerson_walk7.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/female_person/femalePerson_walk7.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-female-person-femalePerson-walk7-png



        *(96 px x 128 px)*


      -

.. _resources-male adventurer:

Male Adventurer
"""""""""""""""


.. comment `':resources:/images/animated_characters/male_adventurer/'``


.. list-table:: ``':resources:/images/animated_characters/male_adventurer/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;maleAdventurer_climb0.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/male_adventurer/maleAdventurer_climb0.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/male_adventurer/maleAdventurer_climb0.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-male-adventurer-maleAdventurer-climb0-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;maleAdventurer_climb1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/male_adventurer/maleAdventurer_climb1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/male_adventurer/maleAdventurer_climb1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-male-adventurer-maleAdventurer-climb1-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;maleAdventurer_fall.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/male_adventurer/maleAdventurer_fall.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/male_adventurer/maleAdventurer_fall.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-male-adventurer-maleAdventurer-fall-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;maleAdventurer_idle.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/male_adventurer/maleAdventurer_idle.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/male_adventurer/maleAdventurer_idle.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-male-adventurer-maleAdventurer-idle-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;maleAdventurer_jump.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/male_adventurer/maleAdventurer_jump.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/male_adventurer/maleAdventurer_jump.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-male-adventurer-maleAdventurer-jump-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;maleAdventurer_walk0.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/male_adventurer/maleAdventurer_walk0.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/male_adventurer/maleAdventurer_walk0.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-male-adventurer-maleAdventurer-walk0-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;maleAdventurer_walk1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/male_adventurer/maleAdventurer_walk1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/male_adventurer/maleAdventurer_walk1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-male-adventurer-maleAdventurer-walk1-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;maleAdventurer_walk2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/male_adventurer/maleAdventurer_walk2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/male_adventurer/maleAdventurer_walk2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-male-adventurer-maleAdventurer-walk2-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;maleAdventurer_walk3.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/male_adventurer/maleAdventurer_walk3.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/male_adventurer/maleAdventurer_walk3.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-male-adventurer-maleAdventurer-walk3-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;maleAdventurer_walk4.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/male_adventurer/maleAdventurer_walk4.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/male_adventurer/maleAdventurer_walk4.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-male-adventurer-maleAdventurer-walk4-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;maleAdventurer_walk5.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/male_adventurer/maleAdventurer_walk5.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/male_adventurer/maleAdventurer_walk5.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-male-adventurer-maleAdventurer-walk5-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;maleAdventurer_walk6.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/male_adventurer/maleAdventurer_walk6.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/male_adventurer/maleAdventurer_walk6.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-male-adventurer-maleAdventurer-walk6-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;maleAdventurer_walk7.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/male_adventurer/maleAdventurer_walk7.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/male_adventurer/maleAdventurer_walk7.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-male-adventurer-maleAdventurer-walk7-png



        *(96 px x 128 px)*


      -

.. _resources-male person:

Male Person
"""""""""""


.. comment `':resources:/images/animated_characters/male_person/'``


.. list-table:: ``':resources:/images/animated_characters/male_person/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;malePerson_climb0.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/male_person/malePerson_climb0.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/male_person/malePerson_climb0.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-male-person-malePerson-climb0-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;malePerson_climb1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/male_person/malePerson_climb1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/male_person/malePerson_climb1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-male-person-malePerson-climb1-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;malePerson_fall.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/male_person/malePerson_fall.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/male_person/malePerson_fall.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-male-person-malePerson-fall-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;malePerson_idle.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/male_person/malePerson_idle.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/male_person/malePerson_idle.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-male-person-malePerson-idle-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;malePerson_jump.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/male_person/malePerson_jump.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/male_person/malePerson_jump.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-male-person-malePerson-jump-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;malePerson_walk0.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/male_person/malePerson_walk0.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/male_person/malePerson_walk0.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-male-person-malePerson-walk0-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;malePerson_walk1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/male_person/malePerson_walk1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/male_person/malePerson_walk1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-male-person-malePerson-walk1-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;malePerson_walk2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/male_person/malePerson_walk2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/male_person/malePerson_walk2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-male-person-malePerson-walk2-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;malePerson_walk3.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/male_person/malePerson_walk3.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/male_person/malePerson_walk3.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-male-person-malePerson-walk3-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;malePerson_walk4.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/male_person/malePerson_walk4.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/male_person/malePerson_walk4.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-male-person-malePerson-walk4-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;malePerson_walk5.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/male_person/malePerson_walk5.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/male_person/malePerson_walk5.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-male-person-malePerson-walk5-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;malePerson_walk6.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/male_person/malePerson_walk6.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/male_person/malePerson_walk6.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-male-person-malePerson-walk6-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;malePerson_walk7.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/male_person/malePerson_walk7.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/male_person/malePerson_walk7.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-male-person-malePerson-walk7-png



        *(96 px x 128 px)*


      -

.. _resources-robot:

Robot
"""""


.. comment `':resources:/images/animated_characters/robot/'``


.. list-table:: ``':resources:/images/animated_characters/robot/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;robot_climb0.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/robot/robot_climb0.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/robot/robot_climb0.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-robot-robot-climb0-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;robot_climb1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/robot/robot_climb1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/robot/robot_climb1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-robot-robot-climb1-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;robot_fall.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/robot/robot_fall.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/robot/robot_fall.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-robot-robot-fall-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;robot_idle.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/robot/robot_idle.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/robot/robot_idle.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-robot-robot-idle-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;robot_jump.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/robot/robot_jump.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/robot/robot_jump.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-robot-robot-jump-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;robot_walk0.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/robot/robot_walk0.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/robot/robot_walk0.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-robot-robot-walk0-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;robot_walk1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/robot/robot_walk1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/robot/robot_walk1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-robot-robot-walk1-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;robot_walk2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/robot/robot_walk2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/robot/robot_walk2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-robot-robot-walk2-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;robot_walk3.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/robot/robot_walk3.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/robot/robot_walk3.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-robot-robot-walk3-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;robot_walk4.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/robot/robot_walk4.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/robot/robot_walk4.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-robot-robot-walk4-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;robot_walk5.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/robot/robot_walk5.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/robot/robot_walk5.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-robot-robot-walk5-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;robot_walk6.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/robot/robot_walk6.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/robot/robot_walk6.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-robot-robot-walk6-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;robot_walk7.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/robot/robot_walk7.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/robot/robot_walk7.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-robot-robot-walk7-png



        *(96 px x 128 px)*


      -

.. _resources-zombie:

Zombie
""""""


.. comment `':resources:/images/animated_characters/zombie/'``


.. list-table:: ``':resources:/images/animated_characters/zombie/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;zombie_climb0.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/zombie/zombie_climb0.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/zombie/zombie_climb0.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-zombie-zombie-climb0-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;zombie_climb1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/zombie/zombie_climb1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/zombie/zombie_climb1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-zombie-zombie-climb1-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;zombie_fall.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/zombie/zombie_fall.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/zombie/zombie_fall.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-zombie-zombie-fall-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;zombie_idle.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/zombie/zombie_idle.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/zombie/zombie_idle.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-zombie-zombie-idle-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;zombie_jump.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/zombie/zombie_jump.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/zombie/zombie_jump.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-zombie-zombie-jump-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;zombie_walk0.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/zombie/zombie_walk0.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/zombie/zombie_walk0.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-zombie-zombie-walk0-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;zombie_walk1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/zombie/zombie_walk1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/zombie/zombie_walk1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-zombie-zombie-walk1-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;zombie_walk2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/zombie/zombie_walk2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/zombie/zombie_walk2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-zombie-zombie-walk2-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;zombie_walk3.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/zombie/zombie_walk3.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/zombie/zombie_walk3.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-zombie-zombie-walk3-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;zombie_walk4.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/zombie/zombie_walk4.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/zombie/zombie_walk4.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-zombie-zombie-walk4-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;zombie_walk5.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/zombie/zombie_walk5.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/zombie/zombie_walk5.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-zombie-zombie-walk5-png



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;zombie_walk6.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/zombie/zombie_walk6.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/zombie/zombie_walk6.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-zombie-zombie-walk6-png



        *(96 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;zombie_walk7.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/animated_characters/zombie/zombie_walk7.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/animated_characters/zombie/zombie_walk7.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-animated-characters-zombie-zombie-walk7-png



        *(96 px x 128 px)*


      -

.. _resources-backgrounds:

Backgrounds
^^^^^^^^^^^


.. comment `':resources:/images/backgrounds/'``


.. list-table:: ``':resources:/images/backgrounds/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;abstract_1.jpg&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/backgrounds/abstract_1.jpg">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/backgrounds/abstract_1.jpg
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-backgrounds-abstract-1-jpg



        *(1024 px x 600 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;abstract_2.jpg&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/backgrounds/abstract_2.jpg">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/backgrounds/abstract_2.jpg
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-backgrounds-abstract-2-jpg



        *(800 px x 600 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;instructions_0.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/backgrounds/instructions_0.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/backgrounds/instructions_0.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-backgrounds-instructions-0-png



        *(800 px x 600 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;instructions_1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/backgrounds/instructions_1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/backgrounds/instructions_1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-backgrounds-instructions-1-png



        *(800 px x 600 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stars.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/backgrounds/stars.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/backgrounds/stars.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-backgrounds-stars-png



        *(1024 px x 1024 px)*


      -

.. _resources-cards:

Cards
^^^^^


.. comment `':resources:/images/cards/'``


.. list-table:: ``':resources:/images/cards/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardBack_blue1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardBack_blue1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardBack_blue1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardBack-blue1-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardBack_blue2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardBack_blue2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardBack_blue2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardBack-blue2-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardBack_blue3.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardBack_blue3.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardBack_blue3.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardBack-blue3-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardBack_blue4.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardBack_blue4.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardBack_blue4.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardBack-blue4-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardBack_blue5.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardBack_blue5.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardBack_blue5.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardBack-blue5-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardBack_green1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardBack_green1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardBack_green1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardBack-green1-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardBack_green2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardBack_green2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardBack_green2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardBack-green2-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardBack_green3.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardBack_green3.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardBack_green3.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardBack-green3-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardBack_green4.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardBack_green4.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardBack_green4.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardBack-green4-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardBack_green5.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardBack_green5.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardBack_green5.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardBack-green5-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardBack_red1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardBack_red1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardBack_red1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardBack-red1-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardBack_red2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardBack_red2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardBack_red2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardBack-red2-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardBack_red3.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardBack_red3.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardBack_red3.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardBack-red3-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardBack_red4.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardBack_red4.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardBack_red4.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardBack-red4-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardBack_red5.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardBack_red5.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardBack_red5.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardBack-red5-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardClubs10.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardClubs10.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardClubs10.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardClubs10-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardClubs2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardClubs2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardClubs2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardClubs2-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardClubs3.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardClubs3.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardClubs3.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardClubs3-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardClubs4.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardClubs4.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardClubs4.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardClubs4-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardClubs5.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardClubs5.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardClubs5.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardClubs5-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardClubs6.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardClubs6.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardClubs6.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardClubs6-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardClubs7.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardClubs7.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardClubs7.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardClubs7-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardClubs8.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardClubs8.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardClubs8.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardClubs8-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardClubs9.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardClubs9.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardClubs9.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardClubs9-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardClubsA.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardClubsA.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardClubsA.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardClubsA-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardClubsJ.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardClubsJ.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardClubsJ.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardClubsJ-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardClubsK.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardClubsK.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardClubsK.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardClubsK-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardClubsQ.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardClubsQ.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardClubsQ.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardClubsQ-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardDiamonds10.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardDiamonds10.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardDiamonds10.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardDiamonds10-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardDiamonds2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardDiamonds2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardDiamonds2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardDiamonds2-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardDiamonds3.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardDiamonds3.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardDiamonds3.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardDiamonds3-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardDiamonds4.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardDiamonds4.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardDiamonds4.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardDiamonds4-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardDiamonds5.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardDiamonds5.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardDiamonds5.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardDiamonds5-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardDiamonds6.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardDiamonds6.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardDiamonds6.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardDiamonds6-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardDiamonds7.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardDiamonds7.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardDiamonds7.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardDiamonds7-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardDiamonds8.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardDiamonds8.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardDiamonds8.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardDiamonds8-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardDiamonds9.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardDiamonds9.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardDiamonds9.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardDiamonds9-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardDiamondsA.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardDiamondsA.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardDiamondsA.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardDiamondsA-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardDiamondsJ.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardDiamondsJ.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardDiamondsJ.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardDiamondsJ-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardDiamondsK.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardDiamondsK.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardDiamondsK.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardDiamondsK-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardDiamondsQ.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardDiamondsQ.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardDiamondsQ.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardDiamondsQ-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardHearts10.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardHearts10.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardHearts10.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardHearts10-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardHearts2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardHearts2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardHearts2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardHearts2-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardHearts3.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardHearts3.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardHearts3.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardHearts3-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardHearts4.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardHearts4.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardHearts4.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardHearts4-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardHearts5.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardHearts5.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardHearts5.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardHearts5-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardHearts6.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardHearts6.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardHearts6.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardHearts6-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardHearts7.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardHearts7.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardHearts7.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardHearts7-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardHearts8.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardHearts8.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardHearts8.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardHearts8-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardHearts9.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardHearts9.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardHearts9.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardHearts9-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardHeartsA.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardHeartsA.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardHeartsA.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardHeartsA-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardHeartsJ.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardHeartsJ.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardHeartsJ.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardHeartsJ-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardHeartsK.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardHeartsK.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardHeartsK.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardHeartsK-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardHeartsQ.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardHeartsQ.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardHeartsQ.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardHeartsQ-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardJoker.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardJoker.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardJoker.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardJoker-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardSpades10.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardSpades10.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardSpades10.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardSpades10-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardSpades2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardSpades2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardSpades2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardSpades2-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardSpades3.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardSpades3.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardSpades3.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardSpades3-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardSpades4.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardSpades4.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardSpades4.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardSpades4-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardSpades5.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardSpades5.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardSpades5.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardSpades5-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardSpades6.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardSpades6.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardSpades6.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardSpades6-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardSpades7.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardSpades7.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardSpades7.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardSpades7-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardSpades8.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardSpades8.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardSpades8.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardSpades8-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardSpades9.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardSpades9.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardSpades9.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardSpades9-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardSpadesA.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardSpadesA.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardSpadesA.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardSpadesA-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardSpadesJ.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardSpadesJ.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardSpadesJ.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardSpadesJ-png



        *(140 px x 190 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardSpadesK.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardSpadesK.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardSpadesK.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardSpadesK-png



        *(140 px x 190 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cardSpadesQ.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cards/cardSpadesQ.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cards/cardSpadesQ.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cards-cardSpadesQ-png



        *(140 px x 190 px)*



.. _resources-cybercity background:

Cybercity Background
^^^^^^^^^^^^^^^^^^^^


.. comment `':resources:/images/cybercity_background/'``


.. list-table:: ``':resources:/images/cybercity_background/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;back-buildings.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cybercity_background/back-buildings.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cybercity_background/back-buildings.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cybercity-background-back-buildings-png



        *(256 px x 192 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;far-buildings.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cybercity_background/far-buildings.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cybercity_background/far-buildings.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cybercity-background-far-buildings-png



        *(256 px x 192 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;foreground.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/cybercity_background/foreground.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/cybercity_background/foreground.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-cybercity-background-foreground-png



        *(352 px x 192 px)*


      -

.. _resources-enemies:

Enemies
^^^^^^^


.. comment `':resources:/images/enemies/'``


.. list-table:: ``':resources:/images/enemies/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;bee.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/enemies/bee.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/enemies/bee.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-enemies-bee-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;fishGreen.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/enemies/fishGreen.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/enemies/fishGreen.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-enemies-fishGreen-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;fishPink.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/enemies/fishPink.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/enemies/fishPink.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-enemies-fishPink-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;fly.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/enemies/fly.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/enemies/fly.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-enemies-fly-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;frog.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/enemies/frog.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/enemies/frog.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-enemies-frog-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;frog_move.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/enemies/frog_move.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/enemies/frog_move.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-enemies-frog-move-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;ladybug.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/enemies/ladybug.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/enemies/ladybug.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-enemies-ladybug-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;mouse.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/enemies/mouse.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/enemies/mouse.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-enemies-mouse-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;saw.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/enemies/saw.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/enemies/saw.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-enemies-saw-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;sawHalf.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/enemies/sawHalf.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/enemies/sawHalf.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-enemies-sawHalf-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;slimeBlock.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/enemies/slimeBlock.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/enemies/slimeBlock.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-enemies-slimeBlock-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;slimeBlue.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/enemies/slimeBlue.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/enemies/slimeBlue.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-enemies-slimeBlue-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;slimeBlue_move.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/enemies/slimeBlue_move.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/enemies/slimeBlue_move.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-enemies-slimeBlue-move-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;slimeGreen.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/enemies/slimeGreen.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/enemies/slimeGreen.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-enemies-slimeGreen-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;slimePurple.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/enemies/slimePurple.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/enemies/slimePurple.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-enemies-slimePurple-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;wormGreen.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/enemies/wormGreen.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/enemies/wormGreen.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-enemies-wormGreen-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;wormGreen_dead.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/enemies/wormGreen_dead.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/enemies/wormGreen_dead.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-enemies-wormGreen-dead-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;wormGreen_move.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/enemies/wormGreen_move.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/enemies/wormGreen_move.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-enemies-wormGreen-move-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;wormPink.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/enemies/wormPink.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/enemies/wormPink.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-enemies-wormPink-png



        *(128 px x 128 px)*


      -

.. _resources-items:

Items
^^^^^


.. comment `':resources:/images/items/'``


.. list-table:: ``':resources:/images/items/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;coinBronze.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/coinBronze.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/coinBronze.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-coinBronze-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;coinGold.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/coinGold.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/coinGold.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-coinGold-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;coinGold_ll.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/coinGold_ll.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/coinGold_ll.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-coinGold-ll-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;coinGold_lr.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/coinGold_lr.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/coinGold_lr.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-coinGold-lr-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;coinGold_ul.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/coinGold_ul.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/coinGold_ul.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-coinGold-ul-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;coinGold_ur.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/coinGold_ur.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/coinGold_ur.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-coinGold-ur-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;coinSilver.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/coinSilver.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/coinSilver.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-coinSilver-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;coinSilver_test.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/coinSilver_test.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/coinSilver_test.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-coinSilver-test-png



        *(64 px x 64 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;flagGreen1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/flagGreen1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/flagGreen1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-flagGreen1-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;flagGreen2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/flagGreen2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/flagGreen2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-flagGreen2-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;flagGreen_down.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/flagGreen_down.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/flagGreen_down.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-flagGreen-down-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;flagRed1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/flagRed1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/flagRed1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-flagRed1-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;flagRed2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/flagRed2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/flagRed2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-flagRed2-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;flagRed_down.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/flagRed_down.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/flagRed_down.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-flagRed-down-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;flagYellow1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/flagYellow1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/flagYellow1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-flagYellow1-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;flagYellow2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/flagYellow2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/flagYellow2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-flagYellow2-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;flagYellow_down.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/flagYellow_down.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/flagYellow_down.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-flagYellow-down-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;gemBlue.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/gemBlue.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/gemBlue.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-gemBlue-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;gemGreen.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/gemGreen.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/gemGreen.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-gemGreen-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;gemRed.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/gemRed.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/gemRed.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-gemRed-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;gemYellow.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/gemYellow.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/gemYellow.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-gemYellow-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;gold_1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/gold_1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/gold_1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-gold-1-png



        *(64 px x 64 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;gold_2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/gold_2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/gold_2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-gold-2-png



        *(64 px x 64 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;gold_3.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/gold_3.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/gold_3.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-gold-3-png



        *(64 px x 64 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;gold_4.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/gold_4.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/gold_4.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-gold-4-png



        *(64 px x 64 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;keyBlue.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/keyBlue.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/keyBlue.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-keyBlue-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;keyGreen.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/keyGreen.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/keyGreen.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-keyGreen-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;keyRed.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/keyRed.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/keyRed.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-keyRed-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;keyYellow.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/keyYellow.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/keyYellow.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-keyYellow-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;ladderMid.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/ladderMid.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/ladderMid.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-ladderMid-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;ladderTop.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/ladderTop.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/ladderTop.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-ladderTop-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;star.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/items/star.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/items/star.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-items-star-png



        *(128 px x 128 px)*



.. _resources-miami synth parallax:

Miami Synth Parallax
^^^^^^^^^^^^^^^^^^^^


.. comment `':resources:/images/miami_synth_parallax/'``


.. _resources-car:

Car
"""


.. comment `':resources:/images/miami_synth_parallax/car/'``


.. list-table:: ``':resources:/images/miami_synth_parallax/car/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;car-idle.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/miami_synth_parallax/car/car-idle.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/miami_synth_parallax/car/car-idle.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-miami-synth-parallax-car-car-idle-png



        *(184 px x 68 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;car-running0.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/miami_synth_parallax/car/car-running0.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/miami_synth_parallax/car/car-running0.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-miami-synth-parallax-car-car-running0-png



        *(184 px x 68 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;car-running1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/miami_synth_parallax/car/car-running1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/miami_synth_parallax/car/car-running1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-miami-synth-parallax-car-car-running1-png



        *(184 px x 68 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;car-running2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/miami_synth_parallax/car/car-running2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/miami_synth_parallax/car/car-running2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-miami-synth-parallax-car-car-running2-png



        *(184 px x 68 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;car-running3.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/miami_synth_parallax/car/car-running3.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/miami_synth_parallax/car/car-running3.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-miami-synth-parallax-car-car-running3-png



        *(184 px x 68 px)*


      -

.. _resources-layers:

Layers
""""""


.. comment `':resources:/images/miami_synth_parallax/layers/'``


.. list-table:: ``':resources:/images/miami_synth_parallax/layers/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;back.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/miami_synth_parallax/layers/back.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/miami_synth_parallax/layers/back.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-miami-synth-parallax-layers-back-png



        *(224 px x 240 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;buildings.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/miami_synth_parallax/layers/buildings.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/miami_synth_parallax/layers/buildings.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-miami-synth-parallax-layers-buildings-png



        *(256 px x 240 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;highway.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/miami_synth_parallax/layers/highway.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/miami_synth_parallax/layers/highway.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-miami-synth-parallax-layers-highway-png



        *(896 px x 240 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;palms.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/miami_synth_parallax/layers/palms.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/miami_synth_parallax/layers/palms.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-miami-synth-parallax-layers-palms-png



        *(224 px x 240 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;sun.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/miami_synth_parallax/layers/sun.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/miami_synth_parallax/layers/sun.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-miami-synth-parallax-layers-sun-png



        *(400 px x 240 px)*


      -

.. _resources-pinball:

Pinball
^^^^^^^


.. comment `':resources:/images/pinball/'``


.. list-table:: ``':resources:/images/pinball/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;bumper.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/pinball/bumper.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/pinball/bumper.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-pinball-bumper-png



        *(96 px x 96 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;pool_cue_ball.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/pinball/pool_cue_ball.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/pinball/pool_cue_ball.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-pinball-pool-cue-ball-png



        *(63 px x 63 px)*



.. _resources-space shooter:

Space Shooter
^^^^^^^^^^^^^


.. comment `':resources:/images/space_shooter/'``


.. list-table:: ``':resources:/images/space_shooter/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;laserBlue01.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/space_shooter/laserBlue01.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/space_shooter/laserBlue01.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-space-shooter-laserBlue01-png



        *(54 px x 9 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;laserRed01.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/space_shooter/laserRed01.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/space_shooter/laserRed01.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-space-shooter-laserRed01-png



        *(9 px x 54 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;meteorGrey_big1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/space_shooter/meteorGrey_big1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/space_shooter/meteorGrey_big1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-space-shooter-meteorGrey-big1-png



        *(101 px x 84 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;meteorGrey_big2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/space_shooter/meteorGrey_big2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/space_shooter/meteorGrey_big2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-space-shooter-meteorGrey-big2-png



        *(120 px x 98 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;meteorGrey_big3.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/space_shooter/meteorGrey_big3.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/space_shooter/meteorGrey_big3.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-space-shooter-meteorGrey-big3-png



        *(89 px x 82 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;meteorGrey_big4.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/space_shooter/meteorGrey_big4.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/space_shooter/meteorGrey_big4.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-space-shooter-meteorGrey-big4-png



        *(98 px x 96 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;meteorGrey_med1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/space_shooter/meteorGrey_med1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/space_shooter/meteorGrey_med1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-space-shooter-meteorGrey-med1-png



        *(43 px x 43 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;meteorGrey_med2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/space_shooter/meteorGrey_med2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/space_shooter/meteorGrey_med2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-space-shooter-meteorGrey-med2-png



        *(45 px x 40 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;meteorGrey_small1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/space_shooter/meteorGrey_small1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/space_shooter/meteorGrey_small1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-space-shooter-meteorGrey-small1-png



        *(28 px x 28 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;meteorGrey_small2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/space_shooter/meteorGrey_small2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/space_shooter/meteorGrey_small2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-space-shooter-meteorGrey-small2-png



        *(29 px x 26 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;meteorGrey_tiny1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/space_shooter/meteorGrey_tiny1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/space_shooter/meteorGrey_tiny1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-space-shooter-meteorGrey-tiny1-png



        *(18 px x 18 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;meteorGrey_tiny2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/space_shooter/meteorGrey_tiny2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/space_shooter/meteorGrey_tiny2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-space-shooter-meteorGrey-tiny2-png



        *(16 px x 15 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;playerLife1_blue.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/space_shooter/playerLife1_blue.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/space_shooter/playerLife1_blue.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-space-shooter-playerLife1-blue-png



        *(33 px x 26 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;playerLife1_green.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/space_shooter/playerLife1_green.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/space_shooter/playerLife1_green.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-space-shooter-playerLife1-green-png



        *(33 px x 26 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;playerLife1_orange.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/space_shooter/playerLife1_orange.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/space_shooter/playerLife1_orange.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-space-shooter-playerLife1-orange-png



        *(33 px x 26 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;playerShip1_blue.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/space_shooter/playerShip1_blue.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/space_shooter/playerShip1_blue.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-space-shooter-playerShip1-blue-png



        *(99 px x 75 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;playerShip1_green.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/space_shooter/playerShip1_green.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/space_shooter/playerShip1_green.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-space-shooter-playerShip1-green-png



        *(99 px x 75 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;playerShip1_orange.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/space_shooter/playerShip1_orange.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/space_shooter/playerShip1_orange.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-space-shooter-playerShip1-orange-png



        *(99 px x 75 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;playerShip2_orange.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/space_shooter/playerShip2_orange.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/space_shooter/playerShip2_orange.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-space-shooter-playerShip2-orange-png



        *(112 px x 75 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;playerShip3_orange.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/space_shooter/playerShip3_orange.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/space_shooter/playerShip3_orange.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-space-shooter-playerShip3-orange-png



        *(98 px x 75 px)*



.. _resources-spritesheets:

Spritesheets
^^^^^^^^^^^^


.. comment `':resources:/images/spritesheets/'``


.. list-table:: ``':resources:/images/spritesheets/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;codepage_437.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/spritesheets/codepage_437.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/spritesheets/codepage_437.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-spritesheets-codepage-437-png



        *(288 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;explosion.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/spritesheets/explosion.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/spritesheets/explosion.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-spritesheets-explosion-png



        *(4096 px x 3584 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;number_sheet.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/spritesheets/number_sheet.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/spritesheets/number_sheet.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-spritesheets-number-sheet-png



        *(48 px x 32 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tiles.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/spritesheets/tiles.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/spritesheets/tiles.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-spritesheets-tiles-png



        *(1664 px x 1536 px)*



.. _resources-test textures:

Test Textures
^^^^^^^^^^^^^


.. comment `':resources:/images/test_textures/'``


.. list-table:: ``':resources:/images/test_textures/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;anim.gif&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/test_textures/anim.gif">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/test_textures/anim.gif
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-test-textures-anim-gif



        *(96 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;test_texture.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/test_textures/test_texture.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/test_textures/test_texture.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-test-textures-test-texture-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;xy_square.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/test_textures/xy_square.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/test_textures/xy_square.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-test-textures-xy-square-png



        *(128 px x 128 px)*


      -

.. _resources-normal mapping:

Normal Mapping
""""""""""""""


.. comment `':resources:/images/test_textures/normal_mapping/'``


.. list-table:: ``':resources:/images/test_textures/normal_mapping/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;diffuse.jpg&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/test_textures/normal_mapping/diffuse.jpg">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/test_textures/normal_mapping/diffuse.jpg
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-test-textures-normal-mapping-diffuse-jpg



        *(250 px x 250 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;normal.jpg&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/test_textures/normal_mapping/normal.jpg">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/test_textures/normal_mapping/normal.jpg
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-test-textures-normal-mapping-normal-jpg



        *(250 px x 250 px)*



.. _resources-tiles:

Tiles
^^^^^


.. comment `':resources:/images/tiles/'``


.. list-table:: ``':resources:/images/tiles/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;bomb.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/bomb.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/bomb.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-bomb-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;boxCrate.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/boxCrate.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/boxCrate.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-boxCrate-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;boxCrate_double.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/boxCrate_double.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/boxCrate_double.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-boxCrate-double-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;boxCrate_single.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/boxCrate_single.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/boxCrate_single.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-boxCrate-single-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;brickBrown.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/brickBrown.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/brickBrown.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-brickBrown-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;brickGrey.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/brickGrey.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/brickGrey.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-brickGrey-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;brickTextureWhite.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/brickTextureWhite.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/brickTextureWhite.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-brickTextureWhite-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;bridgeA.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/bridgeA.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/bridgeA.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-bridgeA-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;bridgeB.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/bridgeB.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/bridgeB.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-bridgeB-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;bush.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/bush.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/bush.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-bush-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cactus.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/cactus.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/cactus.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-cactus-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dirt.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/dirt.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/dirt.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-dirt-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dirtCenter.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/dirtCenter.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/dirtCenter.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-dirtCenter-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dirtCenter_rounded.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/dirtCenter_rounded.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/dirtCenter_rounded.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-dirtCenter-rounded-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dirtCliffAlt_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/dirtCliffAlt_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/dirtCliffAlt_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-dirtCliffAlt-left-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dirtCliffAlt_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/dirtCliffAlt_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/dirtCliffAlt_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-dirtCliffAlt-right-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dirtCliff_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/dirtCliff_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/dirtCliff_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-dirtCliff-left-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dirtCliff_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/dirtCliff_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/dirtCliff_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-dirtCliff-right-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dirtCorner_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/dirtCorner_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/dirtCorner_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-dirtCorner-left-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dirtCorner_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/dirtCorner_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/dirtCorner_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-dirtCorner-right-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dirtHalf.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/dirtHalf.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/dirtHalf.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-dirtHalf-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dirtHalf_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/dirtHalf_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/dirtHalf_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-dirtHalf-left-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dirtHalf_mid.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/dirtHalf_mid.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/dirtHalf_mid.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-dirtHalf-mid-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dirtHalf_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/dirtHalf_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/dirtHalf_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-dirtHalf-right-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dirtHill_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/dirtHill_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/dirtHill_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-dirtHill-left-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dirtHill_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/dirtHill_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/dirtHill_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-dirtHill-right-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dirtLeft.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/dirtLeft.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/dirtLeft.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-dirtLeft-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dirtMid.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/dirtMid.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/dirtMid.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-dirtMid-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dirtRight.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/dirtRight.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/dirtRight.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-dirtRight-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;doorClosed_mid.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/doorClosed_mid.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/doorClosed_mid.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-doorClosed-mid-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;doorClosed_top.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/doorClosed_top.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/doorClosed_top.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-doorClosed-top-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;grass.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/grass.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/grass.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-grass-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;grassCenter.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/grassCenter.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/grassCenter.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-grassCenter-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;grassCenter_round.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/grassCenter_round.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/grassCenter_round.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-grassCenter-round-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;grassCliffAlt_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/grassCliffAlt_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/grassCliffAlt_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-grassCliffAlt-left-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;grassCliffAlt_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/grassCliffAlt_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/grassCliffAlt_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-grassCliffAlt-right-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;grassCliff_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/grassCliff_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/grassCliff_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-grassCliff-left-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;grassCliff_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/grassCliff_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/grassCliff_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-grassCliff-right-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;grassCorner_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/grassCorner_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/grassCorner_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-grassCorner-left-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;grassCorner_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/grassCorner_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/grassCorner_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-grassCorner-right-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;grassHalf.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/grassHalf.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/grassHalf.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-grassHalf-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;grassHalf_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/grassHalf_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/grassHalf_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-grassHalf-left-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;grassHalf_mid.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/grassHalf_mid.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/grassHalf_mid.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-grassHalf-mid-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;grassHalf_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/grassHalf_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/grassHalf_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-grassHalf-right-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;grassHill_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/grassHill_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/grassHill_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-grassHill-left-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;grassHill_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/grassHill_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/grassHill_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-grassHill-right-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;grassLeft.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/grassLeft.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/grassLeft.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-grassLeft-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;grassMid.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/grassMid.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/grassMid.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-grassMid-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;grassRight.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/grassRight.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/grassRight.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-grassRight-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;grass_sprout.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/grass_sprout.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/grass_sprout.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-grass-sprout-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;ladderMid.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/ladderMid.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/ladderMid.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-ladderMid-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;ladderTop.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/ladderTop.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/ladderTop.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-ladderTop-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;lava.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/lava.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/lava.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-lava-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;lavaTop_high.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/lavaTop_high.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/lavaTop_high.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-lavaTop-high-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;lavaTop_low.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/lavaTop_low.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/lavaTop_low.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-lavaTop-low-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;leverLeft.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/leverLeft.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/leverLeft.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-leverLeft-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;leverMid.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/leverMid.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/leverMid.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-leverMid-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;leverRight.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/leverRight.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/leverRight.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-leverRight-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;lockRed.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/lockRed.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/lockRed.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-lockRed-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;lockYellow.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/lockYellow.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/lockYellow.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-lockYellow-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;mushroomRed.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/mushroomRed.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/mushroomRed.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-mushroomRed-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;planet.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/planet.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/planet.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-planet-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;planetCenter.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/planetCenter.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/planetCenter.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-planetCenter-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;planetCenter_rounded.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/planetCenter_rounded.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/planetCenter_rounded.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-planetCenter-rounded-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;planetCliffAlt_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/planetCliffAlt_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/planetCliffAlt_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-planetCliffAlt-left-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;planetCliffAlt_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/planetCliffAlt_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/planetCliffAlt_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-planetCliffAlt-right-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;planetCliff_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/planetCliff_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/planetCliff_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-planetCliff-left-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;planetCliff_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/planetCliff_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/planetCliff_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-planetCliff-right-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;planetCorner_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/planetCorner_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/planetCorner_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-planetCorner-left-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;planetCorner_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/planetCorner_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/planetCorner_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-planetCorner-right-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;planetHalf.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/planetHalf.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/planetHalf.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-planetHalf-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;planetHalf_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/planetHalf_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/planetHalf_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-planetHalf-left-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;planetHalf_mid.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/planetHalf_mid.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/planetHalf_mid.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-planetHalf-mid-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;planetHalf_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/planetHalf_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/planetHalf_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-planetHalf-right-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;planetHill_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/planetHill_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/planetHill_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-planetHill-left-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;planetHill_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/planetHill_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/planetHill_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-planetHill-right-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;planetLeft.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/planetLeft.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/planetLeft.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-planetLeft-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;planetMid.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/planetMid.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/planetMid.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-planetMid-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;planetRight.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/planetRight.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/planetRight.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-planetRight-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;plantPurple.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/plantPurple.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/plantPurple.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-plantPurple-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;rock.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/rock.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/rock.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-rock-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;sand.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/sand.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/sand.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-sand-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;sandCenter.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/sandCenter.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/sandCenter.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-sandCenter-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;sandCenter_rounded.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/sandCenter_rounded.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/sandCenter_rounded.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-sandCenter-rounded-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;sandCliffAlt_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/sandCliffAlt_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/sandCliffAlt_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-sandCliffAlt-left-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;sandCliffAlt_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/sandCliffAlt_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/sandCliffAlt_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-sandCliffAlt-right-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;sandCliff_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/sandCliff_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/sandCliff_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-sandCliff-left-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;sandCliff_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/sandCliff_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/sandCliff_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-sandCliff-right-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;sandCorner_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/sandCorner_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/sandCorner_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-sandCorner-left-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;sandCorner_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/sandCorner_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/sandCorner_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-sandCorner-right-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;sandHalf.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/sandHalf.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/sandHalf.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-sandHalf-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;sandHalf_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/sandHalf_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/sandHalf_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-sandHalf-left-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;sandHalf_mid.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/sandHalf_mid.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/sandHalf_mid.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-sandHalf-mid-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;sandHalf_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/sandHalf_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/sandHalf_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-sandHalf-right-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;sandHill_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/sandHill_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/sandHill_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-sandHill-left-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;sandHill_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/sandHill_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/sandHill_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-sandHill-right-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;sandLeft.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/sandLeft.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/sandLeft.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-sandLeft-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;sandMid.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/sandMid.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/sandMid.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-sandMid-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;sandRight.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/sandRight.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/sandRight.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-sandRight-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;signExit.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/signExit.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/signExit.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-signExit-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;signLeft.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/signLeft.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/signLeft.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-signLeft-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;signRight.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/signRight.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/signRight.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-signRight-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;snow.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/snow.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/snow.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-snow-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;snowCenter.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/snowCenter.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/snowCenter.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-snowCenter-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;snowCenter_rounded.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/snowCenter_rounded.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/snowCenter_rounded.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-snowCenter-rounded-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;snowCliffAlt_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/snowCliffAlt_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/snowCliffAlt_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-snowCliffAlt-left-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;snowCliffAlt_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/snowCliffAlt_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/snowCliffAlt_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-snowCliffAlt-right-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;snowCliff_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/snowCliff_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/snowCliff_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-snowCliff-left-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;snowCliff_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/snowCliff_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/snowCliff_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-snowCliff-right-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;snowCorner_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/snowCorner_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/snowCorner_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-snowCorner-left-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;snowCorner_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/snowCorner_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/snowCorner_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-snowCorner-right-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;snowHalf.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/snowHalf.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/snowHalf.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-snowHalf-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;snowHalf_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/snowHalf_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/snowHalf_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-snowHalf-left-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;snowHalf_mid.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/snowHalf_mid.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/snowHalf_mid.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-snowHalf-mid-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;snowHalf_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/snowHalf_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/snowHalf_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-snowHalf-right-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;snowHill_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/snowHill_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/snowHill_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-snowHill-left-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;snowHill_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/snowHill_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/snowHill_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-snowHill-right-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;snowLeft.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/snowLeft.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/snowLeft.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-snowLeft-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;snowMid.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/snowMid.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/snowMid.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-snowMid-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;snowRight.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/snowRight.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/snowRight.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-snowRight-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;snow_pile.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/snow_pile.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/snow_pile.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-snow-pile-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;spikes.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/spikes.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/spikes.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-spikes-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stone.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/stone.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/stone.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-stone-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stoneCenter.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/stoneCenter.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/stoneCenter.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-stoneCenter-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stoneCenter_rounded.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/stoneCenter_rounded.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/stoneCenter_rounded.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-stoneCenter-rounded-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stoneCliffAlt_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/stoneCliffAlt_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/stoneCliffAlt_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-stoneCliffAlt-left-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stoneCliffAlt_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/stoneCliffAlt_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/stoneCliffAlt_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-stoneCliffAlt-right-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stoneCliff_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/stoneCliff_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/stoneCliff_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-stoneCliff-left-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stoneCliff_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/stoneCliff_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/stoneCliff_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-stoneCliff-right-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stoneCorner_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/stoneCorner_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/stoneCorner_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-stoneCorner-left-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stoneCorner_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/stoneCorner_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/stoneCorner_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-stoneCorner-right-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stoneHalf.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/stoneHalf.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/stoneHalf.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-stoneHalf-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stoneHalf_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/stoneHalf_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/stoneHalf_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-stoneHalf-left-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stoneHalf_mid.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/stoneHalf_mid.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/stoneHalf_mid.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-stoneHalf-mid-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stoneHalf_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/stoneHalf_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/stoneHalf_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-stoneHalf-right-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stoneHill_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/stoneHill_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/stoneHill_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-stoneHill-left-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stoneHill_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/stoneHill_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/stoneHill_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-stoneHill-right-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stoneLeft.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/stoneLeft.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/stoneLeft.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-stoneLeft-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stoneMid.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/stoneMid.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/stoneMid.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-stoneMid-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stoneRight.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/stoneRight.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/stoneRight.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-stoneRight-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;switchGreen.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/switchGreen.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/switchGreen.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-switchGreen-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;switchGreen_pressed.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/switchGreen_pressed.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/switchGreen_pressed.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-switchGreen-pressed-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;switchRed.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/switchRed.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/switchRed.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-switchRed-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;switchRed_pressed.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/switchRed_pressed.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/switchRed_pressed.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-switchRed-pressed-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;torch1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/torch1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/torch1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-torch1-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;torch2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/torch2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/torch2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-torch2-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;torchOff.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/torchOff.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/torchOff.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-torchOff-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;water.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/water.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/water.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-water-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;waterTop_high.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/waterTop_high.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/waterTop_high.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-waterTop-high-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;waterTop_low.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/tiles/waterTop_low.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/tiles/waterTop_low.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-tiles-waterTop-low-png



        *(128 px x 128 px)*



.. _resources-topdown tanks:

Topdown Tanks
^^^^^^^^^^^^^


.. comment `':resources:/images/topdown_tanks/'``


.. list-table:: ``':resources:/images/topdown_tanks/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankBlue_barrel1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankBlue_barrel1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankBlue_barrel1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankBlue-barrel1-png



        *(12 px x 26 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankBlue_barrel1_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankBlue_barrel1_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankBlue_barrel1_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankBlue-barrel1-outline-png



        *(16 px x 30 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankBlue_barrel2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankBlue_barrel2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankBlue_barrel2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankBlue-barrel2-png



        *(8 px x 26 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankBlue_barrel2_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankBlue_barrel2_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankBlue_barrel2_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankBlue-barrel2-outline-png



        *(12 px x 30 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankBlue_barrel3.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankBlue_barrel3.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankBlue_barrel3.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankBlue-barrel3-png



        *(8 px x 26 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankBlue_barrel3_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankBlue_barrel3_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankBlue_barrel3_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankBlue-barrel3-outline-png



        *(12 px x 30 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankBody_bigRed.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankBody_bigRed.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankBody_bigRed.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankBody-bigRed-png



        *(48 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankBody_bigRed_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankBody_bigRed_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankBody_bigRed_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankBody-bigRed-outline-png



        *(52 px x 52 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankBody_blue.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankBody_blue.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankBody_blue.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankBody-blue-png



        *(38 px x 38 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankBody_blue_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankBody_blue_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankBody_blue_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankBody-blue-outline-png



        *(42 px x 42 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankBody_dark.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankBody_dark.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankBody_dark.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankBody-dark-png



        *(38 px x 36 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankBody_darkLarge.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankBody_darkLarge.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankBody_darkLarge.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankBody-darkLarge-png



        *(48 px x 56 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankBody_darkLarge_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankBody_darkLarge_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankBody_darkLarge_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankBody-darkLarge-outline-png



        *(52 px x 60 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankBody_dark_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankBody_dark_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankBody_dark_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankBody-dark-outline-png



        *(42 px x 40 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankBody_green.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankBody_green.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankBody_green.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankBody-green-png



        *(38 px x 36 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankBody_green_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankBody_green_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankBody_green_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankBody-green-outline-png



        *(42 px x 40 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankBody_huge.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankBody_huge.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankBody_huge.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankBody-huge-png



        *(58 px x 68 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankBody_huge_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankBody_huge_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankBody_huge_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankBody-huge-outline-png



        *(62 px x 72 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankBody_red.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankBody_red.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankBody_red.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankBody-red-png



        *(34 px x 36 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankBody_red_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankBody_red_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankBody_red_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankBody-red-outline-png



        *(38 px x 40 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankBody_sand.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankBody_sand.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankBody_sand.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankBody-sand-png



        *(38 px x 36 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankBody_sand_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankBody_sand_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankBody_sand_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankBody-sand-outline-png



        *(42 px x 40 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankDark_barrel1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankDark_barrel1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankDark_barrel1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankDark-barrel1-png



        *(12 px x 26 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankDark_barrel1_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankDark_barrel1_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankDark_barrel1_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankDark-barrel1-outline-png



        *(16 px x 30 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankDark_barrel2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankDark_barrel2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankDark_barrel2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankDark-barrel2-png



        *(8 px x 26 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankDark_barrel2_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankDark_barrel2_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankDark_barrel2_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankDark-barrel2-outline-png



        *(12 px x 30 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankDark_barrel3.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankDark_barrel3.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankDark_barrel3.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankDark-barrel3-png



        *(8 px x 26 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankDark_barrel3_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankDark_barrel3_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankDark_barrel3_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankDark-barrel3-outline-png



        *(12 px x 30 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankGreen_barrel1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankGreen_barrel1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankGreen_barrel1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankGreen-barrel1-png



        *(12 px x 26 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankGreen_barrel1_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankGreen_barrel1_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankGreen_barrel1_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankGreen-barrel1-outline-png



        *(16 px x 30 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankGreen_barrel2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankGreen_barrel2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankGreen_barrel2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankGreen-barrel2-png



        *(8 px x 26 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankGreen_barrel2_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankGreen_barrel2_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankGreen_barrel2_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankGreen-barrel2-outline-png



        *(12 px x 30 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankGreen_barrel3.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankGreen_barrel3.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankGreen_barrel3.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankGreen-barrel3-png



        *(8 px x 26 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankGreen_barrel3_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankGreen_barrel3_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankGreen_barrel3_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankGreen-barrel3-outline-png



        *(12 px x 30 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankRed_barrel1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankRed_barrel1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankRed_barrel1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankRed-barrel1-png



        *(12 px x 26 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankRed_barrel1_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankRed_barrel1_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankRed_barrel1_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankRed-barrel1-outline-png



        *(16 px x 30 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankRed_barrel2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankRed_barrel2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankRed_barrel2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankRed-barrel2-png



        *(8 px x 26 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankRed_barrel2_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankRed_barrel2_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankRed_barrel2_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankRed-barrel2-outline-png



        *(12 px x 30 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankRed_barrel3.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankRed_barrel3.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankRed_barrel3.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankRed-barrel3-png



        *(8 px x 26 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankRed_barrel3_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankRed_barrel3_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankRed_barrel3_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankRed-barrel3-outline-png



        *(12 px x 30 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankSand_barrel1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankSand_barrel1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankSand_barrel1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankSand-barrel1-png



        *(12 px x 26 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankSand_barrel1_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankSand_barrel1_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankSand_barrel1_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankSand-barrel1-outline-png



        *(16 px x 30 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankSand_barrel2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankSand_barrel2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankSand_barrel2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankSand-barrel2-png



        *(8 px x 26 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankSand_barrel2_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankSand_barrel2_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankSand_barrel2_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankSand-barrel2-outline-png



        *(12 px x 30 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankSand_barrel3.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankSand_barrel3.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankSand_barrel3.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankSand-barrel3-png



        *(8 px x 26 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tankSand_barrel3_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tankSand_barrel3_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tankSand_barrel3_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tankSand-barrel3-outline-png



        *(12 px x 30 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tank_blue.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tank_blue.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tank_blue.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tank-blue-png



        *(42 px x 46 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tank_dark.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tank_dark.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tank_dark.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tank-dark-png



        *(42 px x 46 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tank_green.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tank_green.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tank_green.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tank-green-png



        *(42 px x 46 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tank_red.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tank_red.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tank_red.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tank-red-png



        *(38 px x 46 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tank_sand.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tank_sand.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tank_sand.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tank-sand-png



        *(42 px x 46 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileGrass1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileGrass1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileGrass1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileGrass1-png



        *(64 px x 64 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileGrass2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileGrass2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileGrass2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileGrass2-png



        *(64 px x 64 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileGrass_roadCornerLL.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileGrass_roadCornerLL.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileGrass_roadCornerLL.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileGrass-roadCornerLL-png



        *(64 px x 64 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileGrass_roadCornerLR.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileGrass_roadCornerLR.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileGrass_roadCornerLR.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileGrass-roadCornerLR-png



        *(64 px x 64 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileGrass_roadCornerUL.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileGrass_roadCornerUL.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileGrass_roadCornerUL.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileGrass-roadCornerUL-png



        *(64 px x 64 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileGrass_roadCornerUR.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileGrass_roadCornerUR.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileGrass_roadCornerUR.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileGrass-roadCornerUR-png



        *(64 px x 64 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileGrass_roadCrossing.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileGrass_roadCrossing.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileGrass_roadCrossing.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileGrass-roadCrossing-png



        *(64 px x 64 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileGrass_roadCrossingRound.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileGrass_roadCrossingRound.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileGrass_roadCrossingRound.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileGrass-roadCrossingRound-png



        *(64 px x 64 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileGrass_roadEast.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileGrass_roadEast.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileGrass_roadEast.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileGrass-roadEast-png



        *(64 px x 64 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileGrass_roadNorth.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileGrass_roadNorth.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileGrass_roadNorth.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileGrass-roadNorth-png



        *(64 px x 64 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileGrass_roadSplitE.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileGrass_roadSplitE.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileGrass_roadSplitE.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileGrass-roadSplitE-png



        *(64 px x 64 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileGrass_roadSplitN.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileGrass_roadSplitN.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileGrass_roadSplitN.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileGrass-roadSplitN-png



        *(64 px x 64 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileGrass_roadSplitS.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileGrass_roadSplitS.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileGrass_roadSplitS.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileGrass-roadSplitS-png



        *(64 px x 64 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileGrass_roadSplitW.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileGrass_roadSplitW.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileGrass_roadSplitW.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileGrass-roadSplitW-png



        *(64 px x 64 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileGrass_roadTransitionE.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileGrass_roadTransitionE.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileGrass_roadTransitionE.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileGrass-roadTransitionE-png



        *(64 px x 64 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileGrass_roadTransitionE_dirt.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileGrass_roadTransitionE_dirt.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileGrass_roadTransitionE_dirt.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileGrass-roadTransitionE-dirt-png



        *(64 px x 64 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileGrass_roadTransitionN.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileGrass_roadTransitionN.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileGrass_roadTransitionN.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileGrass-roadTransitionN-png



        *(64 px x 64 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileGrass_roadTransitionN_dirt.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileGrass_roadTransitionN_dirt.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileGrass_roadTransitionN_dirt.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileGrass-roadTransitionN-dirt-png



        *(64 px x 64 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileGrass_roadTransitionS.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileGrass_roadTransitionS.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileGrass_roadTransitionS.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileGrass-roadTransitionS-png



        *(64 px x 64 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileGrass_roadTransitionS_dirt.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileGrass_roadTransitionS_dirt.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileGrass_roadTransitionS_dirt.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileGrass-roadTransitionS-dirt-png



        *(64 px x 64 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileGrass_roadTransitionW.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileGrass_roadTransitionW.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileGrass_roadTransitionW.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileGrass-roadTransitionW-png



        *(64 px x 64 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileGrass_roadTransitionW_dirt.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileGrass_roadTransitionW_dirt.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileGrass_roadTransitionW_dirt.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileGrass-roadTransitionW-dirt-png



        *(64 px x 64 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileGrass_transitionE.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileGrass_transitionE.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileGrass_transitionE.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileGrass-transitionE-png



        *(64 px x 64 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileGrass_transitionN.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileGrass_transitionN.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileGrass_transitionN.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileGrass-transitionN-png



        *(64 px x 64 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileGrass_transitionS.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileGrass_transitionS.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileGrass_transitionS.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileGrass-transitionS-png



        *(64 px x 64 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileGrass_transitionW.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileGrass_transitionW.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileGrass_transitionW.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileGrass-transitionW-png



        *(64 px x 64 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileSand1.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileSand1.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileSand1.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileSand1-png



        *(64 px x 64 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileSand2.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileSand2.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileSand2.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileSand2-png



        *(64 px x 64 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileSand_roadCornerLL.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileSand_roadCornerLL.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileSand_roadCornerLL.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileSand-roadCornerLL-png



        *(64 px x 64 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileSand_roadCornerLR.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileSand_roadCornerLR.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileSand_roadCornerLR.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileSand-roadCornerLR-png



        *(64 px x 64 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileSand_roadCornerUL.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileSand_roadCornerUL.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileSand_roadCornerUL.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileSand-roadCornerUL-png



        *(64 px x 64 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileSand_roadCornerUR.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileSand_roadCornerUR.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileSand_roadCornerUR.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileSand-roadCornerUR-png



        *(64 px x 64 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileSand_roadCrossing.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileSand_roadCrossing.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileSand_roadCrossing.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileSand-roadCrossing-png



        *(64 px x 64 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileSand_roadCrossingRound.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileSand_roadCrossingRound.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileSand_roadCrossingRound.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileSand-roadCrossingRound-png



        *(64 px x 64 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileSand_roadEast.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileSand_roadEast.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileSand_roadEast.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileSand-roadEast-png



        *(64 px x 64 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileSand_roadNorth.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileSand_roadNorth.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileSand_roadNorth.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileSand-roadNorth-png



        *(64 px x 64 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileSand_roadSplitE.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileSand_roadSplitE.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileSand_roadSplitE.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileSand-roadSplitE-png



        *(64 px x 64 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileSand_roadSplitN.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileSand_roadSplitN.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileSand_roadSplitN.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileSand-roadSplitN-png



        *(64 px x 64 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileSand_roadSplitS.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileSand_roadSplitS.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileSand_roadSplitS.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileSand-roadSplitS-png



        *(64 px x 64 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tileSand_roadSplitW.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tileSand_roadSplitW.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tileSand_roadSplitW.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tileSand-roadSplitW-png



        *(64 px x 64 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tracksDouble.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tracksDouble.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tracksDouble.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tracksDouble-png



        *(41 px x 52 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tracksLarge.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tracksLarge.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tracksLarge.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tracksLarge-png



        *(41 px x 52 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;tracksSmall.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/tracksSmall.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/tracksSmall.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-tracksSmall-png



        *(37 px x 52 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;treeBrown_large.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/treeBrown_large.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/treeBrown_large.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-treeBrown-large-png



        *(64 px x 64 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;treeBrown_small.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/treeBrown_small.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/treeBrown_small.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-treeBrown-small-png



        *(36 px x 36 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;treeGreen_large.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/treeGreen_large.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/treeGreen_large.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-treeGreen-large-png



        *(64 px x 64 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;treeGreen_small.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/images/topdown_tanks/treeGreen_small.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/images/topdown_tanks/treeGreen_small.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-images-topdown-tanks-treeGreen-small-png



        *(36 px x 36 px)*



.. _resources-input prompt:

Input Prompt
------------


.. comment `':resources:/input_prompt/'``


.. _resources-xbox:

Xbox
^^^^


.. comment `':resources:/input_prompt/xbox/'``


.. list-table:: ``':resources:/input_prompt/xbox/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;button_a.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/button_a.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/button_a.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-button-a-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;button_a_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/button_a_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/button_a_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-button-a-outline-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;button_b.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/button_b.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/button_b.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-button-b-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;button_b_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/button_b_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/button_b_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-button-b-outline-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;button_back.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/button_back.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/button_back.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-button-back-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;button_back_icon.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/button_back_icon.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/button_back_icon.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-button-back-icon-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;button_back_icon_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/button_back_icon_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/button_back_icon_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-button-back-icon-outline-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;button_back_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/button_back_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/button_back_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-button-back-outline-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;button_color_a.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/button_color_a.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/button_color_a.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-button-color-a-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;button_color_a_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/button_color_a_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/button_color_a_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-button-color-a-outline-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;button_color_b.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/button_color_b.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/button_color_b.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-button-color-b-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;button_color_b_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/button_color_b_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/button_color_b_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-button-color-b-outline-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;button_color_x.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/button_color_x.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/button_color_x.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-button-color-x-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;button_color_x_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/button_color_x_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/button_color_x_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-button-color-x-outline-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;button_color_y.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/button_color_y.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/button_color_y.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-button-color-y-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;button_color_y_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/button_color_y_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/button_color_y_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-button-color-y-outline-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;button_menu.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/button_menu.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/button_menu.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-button-menu-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;button_menu_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/button_menu_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/button_menu_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-button-menu-outline-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;button_share.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/button_share.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/button_share.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-button-share-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;button_share_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/button_share_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/button_share_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-button-share-outline-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;button_start.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/button_start.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/button_start.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-button-start-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;button_start_icon.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/button_start_icon.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/button_start_icon.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-button-start-icon-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;button_start_icon_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/button_start_icon_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/button_start_icon_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-button-start-icon-outline-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;button_start_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/button_start_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/button_start_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-button-start-outline-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;button_view.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/button_view.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/button_view.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-button-view-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;button_view_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/button_view_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/button_view_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-button-view-outline-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;button_x.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/button_x.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/button_x.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-button-x-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;button_x_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/button_x_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/button_x_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-button-x-outline-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;button_y.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/button_y.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/button_y.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-button-y-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;button_y_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/button_y_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/button_y_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-button-y-outline-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;controller_xbox360.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/controller_xbox360.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/controller_xbox360.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-controller-xbox360-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;controller_xbox_adaptive.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/controller_xbox_adaptive.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/controller_xbox_adaptive.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-controller-xbox-adaptive-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;controller_xboxone.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/controller_xboxone.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/controller_xboxone.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-controller-xboxone-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;controller_xboxseries.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/controller_xboxseries.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/controller_xboxseries.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-controller-xboxseries-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dpad.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/dpad.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/dpad.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-dpad-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dpad_all.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/dpad_all.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/dpad_all.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-dpad-all-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dpad_down.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/dpad_down.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/dpad_down.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-dpad-down-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dpad_down_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/dpad_down_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/dpad_down_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-dpad-down-outline-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dpad_horizontal.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/dpad_horizontal.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/dpad_horizontal.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-dpad-horizontal-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dpad_horizontal_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/dpad_horizontal_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/dpad_horizontal_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-dpad-horizontal-outline-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dpad_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/dpad_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/dpad_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-dpad-left-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dpad_left_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/dpad_left_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/dpad_left_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-dpad-left-outline-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dpad_none.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/dpad_none.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/dpad_none.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-dpad-none-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dpad_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/dpad_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/dpad_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-dpad-right-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dpad_right_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/dpad_right_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/dpad_right_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-dpad-right-outline-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dpad_round.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/dpad_round.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/dpad_round.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-dpad-round-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dpad_round_all.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/dpad_round_all.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/dpad_round_all.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-dpad-round-all-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dpad_round_down.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/dpad_round_down.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/dpad_round_down.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-dpad-round-down-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dpad_round_horizontal.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/dpad_round_horizontal.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/dpad_round_horizontal.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-dpad-round-horizontal-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dpad_round_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/dpad_round_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/dpad_round_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-dpad-round-left-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dpad_round_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/dpad_round_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/dpad_round_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-dpad-round-right-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dpad_round_up.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/dpad_round_up.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/dpad_round_up.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-dpad-round-up-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dpad_round_vertical.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/dpad_round_vertical.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/dpad_round_vertical.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-dpad-round-vertical-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dpad_up.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/dpad_up.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/dpad_up.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-dpad-up-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dpad_up_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/dpad_up_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/dpad_up_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-dpad-up-outline-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dpad_vertical.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/dpad_vertical.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/dpad_vertical.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-dpad-vertical-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;dpad_vertical_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/dpad_vertical_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/dpad_vertical_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-dpad-vertical-outline-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;guide.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/guide.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/guide.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-guide-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;guide_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/guide_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/guide_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-guide-outline-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;lb.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/lb.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/lb.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-lb-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;lb_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/lb_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/lb_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-lb-outline-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;ls.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/ls.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/ls.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-ls-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;ls_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/ls_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/ls_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-ls-outline-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;lt.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/lt.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/lt.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-lt-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;lt_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/lt_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/lt_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-lt-outline-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;rb.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/rb.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/rb.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-rb-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;rb_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/rb_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/rb_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-rb-outline-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;rs.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/rs.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/rs.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-rs-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;rs_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/rs_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/rs_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-rs-outline-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;rt.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/rt.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/rt.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-rt-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;rt_outline.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/rt_outline.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/rt_outline.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-rt-outline-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stick_l.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/stick_l.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/stick_l.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-stick-l-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stick_l_down.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/stick_l_down.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/stick_l_down.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-stick-l-down-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stick_l_horizontal.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/stick_l_horizontal.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/stick_l_horizontal.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-stick-l-horizontal-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stick_l_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/stick_l_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/stick_l_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-stick-l-left-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stick_l_press.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/stick_l_press.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/stick_l_press.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-stick-l-press-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stick_l_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/stick_l_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/stick_l_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-stick-l-right-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stick_l_up.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/stick_l_up.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/stick_l_up.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-stick-l-up-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stick_l_vertical.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/stick_l_vertical.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/stick_l_vertical.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-stick-l-vertical-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stick_r.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/stick_r.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/stick_r.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-stick-r-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stick_r_down.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/stick_r_down.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/stick_r_down.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-stick-r-down-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stick_r_horizontal.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/stick_r_horizontal.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/stick_r_horizontal.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-stick-r-horizontal-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stick_r_left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/stick_r_left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/stick_r_left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-stick-r-left-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stick_r_press.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/stick_r_press.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/stick_r_press.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-stick-r-press-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stick_r_right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/stick_r_right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/stick_r_right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-stick-r-right-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stick_r_up.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/stick_r_up.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/stick_r_up.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-stick-r-up-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stick_r_vertical.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/stick_r_vertical.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/stick_r_vertical.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-stick-r-vertical-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stick_side_l.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/stick_side_l.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/stick_side_l.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-stick-side-l-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stick_side_r.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/stick_side_r.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/stick_side_r.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-stick-side-r-png



        *(128 px x 128 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stick_top_l.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/stick_top_l.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/stick_top_l.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-stick-top-l-png



        *(128 px x 128 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;stick_top_r.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/input_prompt/xbox/stick_top_r.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/input_prompt/xbox/stick_top_r.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-input-prompt-xbox-stick-top-r-png



        *(128 px x 128 px)*


      -

.. _resources-music:

Music
-----


.. comment `':resources:/music/'``


.. list-table:: ``':resources:/music/'``
    :class: resource-table

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;1918.mp3&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/music/1918.mp3">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/music/1918.mp3?raw=true" type="audio/mpeg">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/music/1918.mp3?raw=true" type="audio/mpeg">
           </audio>

      - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;funkyrobot.mp3&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/music/funkyrobot.mp3">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/music/funkyrobot.mp3?raw=true" type="audio/mpeg">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/music/funkyrobot.mp3?raw=true" type="audio/mpeg">
           </audio>


.. _resources-onscreen controls:

Onscreen Controls
-----------------


.. comment `':resources:/onscreen_controls/'``


.. _resources-flat dark:

Flat Dark
^^^^^^^^^


.. comment `':resources:/onscreen_controls/flat_dark/'``


.. list-table:: ``':resources:/onscreen_controls/flat_dark/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;a.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/a.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/a.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-a-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;b.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/b.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/b.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-b-png



        *(80 px x 80 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cancel.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/cancel.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/cancel.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-cancel-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;checked.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/checked.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/checked.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-checked-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;close.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/close.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/close.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-close-png



        *(48 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;down.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/down.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/down.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-down-png



        *(80 px x 80 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;expand.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/expand.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/expand.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-expand-png



        *(48 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;flatDark20.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/flatDark20.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/flatDark20.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-flatDark20-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;gear.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/gear.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/gear.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-gear-png



        *(48 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;hamburger.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/hamburger.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/hamburger.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-hamburger-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;key_round.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/key_round.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/key_round.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-key-round-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;key_square.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/key_square.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/key_square.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-key-square-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;l.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/l.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/l.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-l-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-left-png



        *(80 px x 80 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;music_off.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/music_off.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/music_off.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-music-off-png



        *(48 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;music_on.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/music_on.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/music_on.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-music-on-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;pause.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/pause.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/pause.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-pause-png



        *(108 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;pause_square.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/pause_square.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/pause_square.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-pause-square-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;play.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/play.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/play.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-play-png



        *(48 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;r.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/r.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/r.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-r-png



        *(80 px x 80 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-right-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;save.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/save.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/save.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-save-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;search.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/search.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/search.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-search-png



        *(48 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;select.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/select.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/select.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-select-png



        *(108 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;sound_off.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/sound_off.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/sound_off.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-sound-off-png



        *(48 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;sound_on.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/sound_on.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/sound_on.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-sound-on-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;star.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/star.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/star.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-star-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;star_square.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/star_square.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/star_square.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-star-square-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;start.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/start.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/start.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-start-png



        *(108 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;unchecked.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/unchecked.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/unchecked.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-unchecked-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;up.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/up.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/up.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-up-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;wrench.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/wrench.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/wrench.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-wrench-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;x.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/x.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/x.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-x-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;y.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_dark/y.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_dark/y.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-dark-y-png



        *(80 px x 80 px)*



.. _resources-flat light:

Flat Light
^^^^^^^^^^


.. comment `':resources:/onscreen_controls/flat_light/'``


.. list-table:: ``':resources:/onscreen_controls/flat_light/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;a.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/a.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/a.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-a-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;b.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/b.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/b.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-b-png



        *(80 px x 80 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;back.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/back.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/back.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-back-png



        *(48 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cancel.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/cancel.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/cancel.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-cancel-png



        *(80 px x 80 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;checked.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/checked.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/checked.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-checked-png



        *(48 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;close.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/close.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/close.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-close-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;down.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/down.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/down.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-down-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;expand.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/expand.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/expand.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-expand-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;gear.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/gear.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/gear.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-gear-png



        *(48 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;hamburger.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/hamburger.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/hamburger.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-hamburger-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;key_round.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/key_round.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/key_round.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-key-round-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;key_square.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/key_square.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/key_square.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-key-square-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;l.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/l.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/l.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-l-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-left-png



        *(80 px x 80 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;music_off.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/music_off.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/music_off.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-music-off-png



        *(48 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;music_on.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/music_on.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/music_on.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-music-on-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;pause.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/pause.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/pause.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-pause-png



        *(108 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;pause_square.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/pause_square.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/pause_square.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-pause-square-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;play.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/play.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/play.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-play-png



        *(48 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;r.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/r.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/r.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-r-png



        *(80 px x 80 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-right-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;save.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/save.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/save.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-save-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;search.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/search.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/search.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-search-png



        *(48 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;select.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/select.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/select.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-select-png



        *(108 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;sound_off.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/sound_off.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/sound_off.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-sound-off-png



        *(48 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;sound_on.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/sound_on.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/sound_on.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-sound-on-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;star_round.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/star_round.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/star_round.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-star-round-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;star_square.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/star_square.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/star_square.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-star-square-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;start.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/start.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/start.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-start-png



        *(108 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;unchecked.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/unchecked.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/unchecked.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-unchecked-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;up.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/up.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/up.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-up-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;wrench.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/wrench.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/wrench.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-wrench-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;x.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/x.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/x.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-x-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;y.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/flat_light/y.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/flat_light/y.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-flat-light-y-png



        *(80 px x 80 px)*



.. _resources-shaded dark:

Shaded Dark
^^^^^^^^^^^


.. comment `':resources:/onscreen_controls/shaded_dark/'``


.. list-table:: ``':resources:/onscreen_controls/shaded_dark/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;a.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/a.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/a.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-a-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;b.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/b.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/b.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-b-png



        *(80 px x 80 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;back.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/back.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/back.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-back-png



        *(48 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cancel.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/cancel.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/cancel.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-cancel-png



        *(80 px x 80 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;checked.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/checked.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/checked.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-checked-png



        *(48 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;close.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/close.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/close.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-close-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;down.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/down.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/down.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-down-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;expand.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/expand.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/expand.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-expand-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;gear.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/gear.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/gear.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-gear-png



        *(48 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;hamburger.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/hamburger.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/hamburger.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-hamburger-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;key_round.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/key_round.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/key_round.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-key-round-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;key_square.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/key_square.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/key_square.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-key-square-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;l.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/l.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/l.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-l-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-left-png



        *(80 px x 80 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;music_off.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/music_off.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/music_off.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-music-off-png



        *(48 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;music_on.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/music_on.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/music_on.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-music-on-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;pause.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/pause.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/pause.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-pause-png



        *(108 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;pause_square.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/pause_square.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/pause_square.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-pause-square-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;play.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/play.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/play.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-play-png



        *(48 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;r.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/r.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/r.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-r-png



        *(80 px x 80 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-right-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;save.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/save.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/save.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-save-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;search.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/search.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/search.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-search-png



        *(48 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;select.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/select.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/select.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-select-png



        *(108 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;sound_off.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/sound_off.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/sound_off.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-sound-off-png



        *(48 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;sound_on.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/sound_on.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/sound_on.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-sound-on-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;star_round.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/star_round.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/star_round.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-star-round-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;star_square.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/star_square.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/star_square.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-star-square-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;start.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/start.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/start.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-start-png



        *(108 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;unchecked.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/unchecked.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/unchecked.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-unchecked-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;up.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/up.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/up.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-up-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;wrench.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/wrench.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/wrench.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-wrench-png



        *(48 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;x.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/x.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/x.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-x-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;y.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_dark/y.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_dark/y.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-dark-y-png



        *(80 px x 80 px)*



.. _resources-shaded light:

Shaded Light
^^^^^^^^^^^^


.. comment `':resources:/onscreen_controls/shaded_light/'``


.. list-table:: ``':resources:/onscreen_controls/shaded_light/'``
    :class: resource-table

    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;a.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/a.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/a.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-a-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;b.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/b.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/b.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-b-png



        *(80 px x 80 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;back.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/back.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/back.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-back-png



        *(50 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;cancel.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/cancel.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/cancel.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-cancel-png



        *(80 px x 80 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;checked.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/checked.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/checked.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-checked-png



        *(50 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;close.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/close.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/close.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-close-png



        *(50 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;down.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/down.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/down.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-down-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;expand.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/expand.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/expand.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-expand-png



        *(50 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;gear.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/gear.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/gear.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-gear-png



        *(50 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;hamburger.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/hamburger.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/hamburger.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-hamburger-png



        *(50 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;key.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/key.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/key.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-key-png



        *(50 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;key_round.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/key_round.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/key_round.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-key-round-png



        *(80 px x 80 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;l.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/l.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/l.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-l-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;left.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/left.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/left.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-left-png



        *(80 px x 80 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;music_off.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/music_off.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/music_off.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-music-off-png



        *(50 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;music_on.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/music_on.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/music_on.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-music-on-png



        *(50 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;pause.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/pause.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/pause.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-pause-png



        *(110 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;pause_square.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/pause_square.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/pause_square.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-pause-square-png



        *(50 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;play.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/play.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/play.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-play-png



        *(50 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;r.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/r.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/r.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-r-png



        *(80 px x 80 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;right.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/right.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/right.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-right-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;save.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/save.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/save.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-save-png



        *(50 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;search.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/search.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/search.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-search-png



        *(50 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;select.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/select.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/select.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-select-png



        *(110 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;sound_off.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/sound_off.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/sound_off.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-sound-off-png



        *(50 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;sound_on.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/sound_on.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/sound_on.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-sound-on-png



        *(50 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;star_round.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/star_round.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/star_round.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-star-round-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;star_square.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/star_square.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/star_square.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-star-square-png



        *(50 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;start.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/start.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/start.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-start-png



        *(110 px x 48 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;unchecked.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/unchecked.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/unchecked.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-unchecked-png



        *(50 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;up.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/up.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/up.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-up-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;wrench.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/wrench.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/wrench.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-wrench-png



        *(50 px x 48 px)*


    * - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;x.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/x.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/x.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-x-png



        *(80 px x 80 px)*


      - .. raw:: html

         <span class="resource-handle">
             <code class="docutils literal notranslate">
                 <span class="pre">&#x27;y.png&#x27;</span>
             </code>
             <button class="arcade-ezcopy" data-clipboard-text=":resources:/onscreen_controls/shaded_light/y.png">
                 <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
             </button>
         </span>
         <br/>


        .. image:: ../../arcade/resources/assets/onscreen_controls/shaded_light/y.png
           :class: checkered-bg resource-thumb
           :loading: lazy
           :name: resources-onscreen-controls-shaded-light-y-png



        *(80 px x 80 px)*



.. _resources-sounds:

Sounds
------


.. comment `':resources:/sounds/'``


.. list-table:: ``':resources:/sounds/'``
    :class: resource-table

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;coin1.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/coin1.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/coin1.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/coin1.wav?raw=true" type="audio/x-wav">
           </audio>

      - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;coin2.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/coin2.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/coin2.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/coin2.wav?raw=true" type="audio/x-wav">
           </audio>

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;coin3.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/coin3.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/coin3.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/coin3.wav?raw=true" type="audio/x-wav">
           </audio>

      - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;coin4.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/coin4.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/coin4.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/coin4.wav?raw=true" type="audio/x-wav">
           </audio>

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;coin5.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/coin5.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/coin5.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/coin5.wav?raw=true" type="audio/x-wav">
           </audio>

      - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;error1.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/error1.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/error1.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/error1.wav?raw=true" type="audio/x-wav">
           </audio>

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;error2.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/error2.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/error2.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/error2.wav?raw=true" type="audio/x-wav">
           </audio>

      - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;error3.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/error3.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/error3.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/error3.wav?raw=true" type="audio/x-wav">
           </audio>

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;error4.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/error4.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/error4.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/error4.wav?raw=true" type="audio/x-wav">
           </audio>

      - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;error5.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/error5.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/error5.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/error5.wav?raw=true" type="audio/x-wav">
           </audio>

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;explosion1.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/explosion1.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/explosion1.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/explosion1.wav?raw=true" type="audio/x-wav">
           </audio>

      - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;explosion2.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/explosion2.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/explosion2.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/explosion2.wav?raw=true" type="audio/x-wav">
           </audio>

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;fall1.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/fall1.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/fall1.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/fall1.wav?raw=true" type="audio/x-wav">
           </audio>

      - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;fall2.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/fall2.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/fall2.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/fall2.wav?raw=true" type="audio/x-wav">
           </audio>

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;fall3.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/fall3.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/fall3.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/fall3.wav?raw=true" type="audio/x-wav">
           </audio>

      - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;fall4.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/fall4.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/fall4.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/fall4.wav?raw=true" type="audio/x-wav">
           </audio>

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;gameover1.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/gameover1.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/gameover1.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/gameover1.wav?raw=true" type="audio/x-wav">
           </audio>

      - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;gameover2.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/gameover2.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/gameover2.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/gameover2.wav?raw=true" type="audio/x-wav">
           </audio>

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;gameover3.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/gameover3.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/gameover3.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/gameover3.wav?raw=true" type="audio/x-wav">
           </audio>

      - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;gameover4.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/gameover4.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/gameover4.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/gameover4.wav?raw=true" type="audio/x-wav">
           </audio>

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;gameover5.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/gameover5.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/gameover5.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/gameover5.wav?raw=true" type="audio/x-wav">
           </audio>

      - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;hit1.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/hit1.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/hit1.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/hit1.wav?raw=true" type="audio/x-wav">
           </audio>

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;hit2.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/hit2.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/hit2.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/hit2.wav?raw=true" type="audio/x-wav">
           </audio>

      - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;hit3.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/hit3.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/hit3.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/hit3.wav?raw=true" type="audio/x-wav">
           </audio>

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;hit4.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/hit4.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/hit4.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/hit4.wav?raw=true" type="audio/x-wav">
           </audio>

      - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;hit5.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/hit5.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/hit5.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/hit5.wav?raw=true" type="audio/x-wav">
           </audio>

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;hurt1.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/hurt1.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/hurt1.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/hurt1.wav?raw=true" type="audio/x-wav">
           </audio>

      - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;hurt2.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/hurt2.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/hurt2.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/hurt2.wav?raw=true" type="audio/x-wav">
           </audio>

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;hurt3.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/hurt3.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/hurt3.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/hurt3.wav?raw=true" type="audio/x-wav">
           </audio>

      - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;hurt4.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/hurt4.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/hurt4.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/hurt4.wav?raw=true" type="audio/x-wav">
           </audio>

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;hurt5.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/hurt5.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/hurt5.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/hurt5.wav?raw=true" type="audio/x-wav">
           </audio>

      - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;jump1.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/jump1.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/jump1.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/jump1.wav?raw=true" type="audio/x-wav">
           </audio>

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;jump2.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/jump2.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/jump2.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/jump2.wav?raw=true" type="audio/x-wav">
           </audio>

      - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;jump3.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/jump3.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/jump3.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/jump3.wav?raw=true" type="audio/x-wav">
           </audio>

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;jump4.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/jump4.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/jump4.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/jump4.wav?raw=true" type="audio/x-wav">
           </audio>

      - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;jump5.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/jump5.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/jump5.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/jump5.wav?raw=true" type="audio/x-wav">
           </audio>

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;laser1.mp3&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/laser1.mp3">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/laser1.mp3?raw=true" type="audio/mpeg">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/laser1.mp3?raw=true" type="audio/mpeg">
           </audio>

      - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;laser1.ogg&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/laser1.ogg">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/laser1.ogg?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/laser1.ogg?raw=true" type="audio/x-wav">
           </audio>

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;laser1.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/laser1.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/laser1.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/laser1.wav?raw=true" type="audio/x-wav">
           </audio>

      - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;laser2.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/laser2.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/laser2.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/laser2.wav?raw=true" type="audio/x-wav">
           </audio>

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;laser3.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/laser3.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/laser3.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/laser3.wav?raw=true" type="audio/x-wav">
           </audio>

      - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;laser4.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/laser4.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/laser4.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/laser4.wav?raw=true" type="audio/x-wav">
           </audio>

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;laser5.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/laser5.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/laser5.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/laser5.wav?raw=true" type="audio/x-wav">
           </audio>

      - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;lose1.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/lose1.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/lose1.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/lose1.wav?raw=true" type="audio/x-wav">
           </audio>

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;lose2.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/lose2.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/lose2.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/lose2.wav?raw=true" type="audio/x-wav">
           </audio>

      - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;lose3.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/lose3.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/lose3.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/lose3.wav?raw=true" type="audio/x-wav">
           </audio>

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;lose4.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/lose4.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/lose4.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/lose4.wav?raw=true" type="audio/x-wav">
           </audio>

      - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;lose5.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/lose5.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/lose5.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/lose5.wav?raw=true" type="audio/x-wav">
           </audio>

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;phaseJump1.ogg&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/phaseJump1.ogg">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/phaseJump1.ogg?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/phaseJump1.ogg?raw=true" type="audio/x-wav">
           </audio>

      - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;phaseJump1.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/phaseJump1.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/phaseJump1.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/phaseJump1.wav?raw=true" type="audio/x-wav">
           </audio>

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;rockHit2.ogg&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/rockHit2.ogg">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/rockHit2.ogg?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/rockHit2.ogg?raw=true" type="audio/x-wav">
           </audio>

      - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;rockHit2.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/rockHit2.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/rockHit2.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/rockHit2.wav?raw=true" type="audio/x-wav">
           </audio>

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;secret2.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/secret2.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/secret2.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/secret2.wav?raw=true" type="audio/x-wav">
           </audio>

      - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;secret4.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/secret4.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/secret4.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/secret4.wav?raw=true" type="audio/x-wav">
           </audio>

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;upgrade1.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/upgrade1.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/upgrade1.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/upgrade1.wav?raw=true" type="audio/x-wav">
           </audio>

      - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;upgrade2.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/upgrade2.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/upgrade2.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/upgrade2.wav?raw=true" type="audio/x-wav">
           </audio>

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;upgrade3.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/upgrade3.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/upgrade3.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/upgrade3.wav?raw=true" type="audio/x-wav">
           </audio>

      - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;upgrade4.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/upgrade4.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/upgrade4.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/upgrade4.wav?raw=true" type="audio/x-wav">
           </audio>

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;upgrade5.wav&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/sounds/upgrade5.wav">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <audio class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/upgrade5.wav?raw=true" type="audio/x-wav">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/sounds/upgrade5.wav?raw=true" type="audio/x-wav">
           </audio>

      -

.. _resources-tiled maps:

Tiled Maps
----------


.. comment `':resources:/tiled_maps/'``


.. list-table:: ``':resources:/tiled_maps/'``
    :class: resource-table

    * - .. raw:: html

             <span class="resource-handle">
                 <code class="docutils literal notranslate">
                     <span class="pre">&#x27;dirt.json&#x27;</span>
                 </code>
                 <button class="arcade-ezcopy" data-clipboard-text=":resources:/tiled_maps/dirt.json">
                     <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
                 </button>
             </span>
             <br/>

        .. raw:: html

           <img class="resource-thumb" src="https://api.arcade.academy/en/3.3.1//_static/filetiles/type-json.png"/>

      - .. raw:: html

             <span class="resource-handle">
                 <code class="docutils literal notranslate">
                     <span class="pre">&#x27;grass.json&#x27;</span>
                 </code>
                 <button class="arcade-ezcopy" data-clipboard-text=":resources:/tiled_maps/grass.json">
                     <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
                 </button>
             </span>
             <br/>

        .. raw:: html

           <img class="resource-thumb" src="https://api.arcade.academy/en/3.3.1//_static/filetiles/type-json.png"/>

    * - .. raw:: html

             <span class="resource-handle">
                 <code class="docutils literal notranslate">
                     <span class="pre">&#x27;items.json&#x27;</span>
                 </code>
                 <button class="arcade-ezcopy" data-clipboard-text=":resources:/tiled_maps/items.json">
                     <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
                 </button>
             </span>
             <br/>

        .. raw:: html

           <img class="resource-thumb" src="https://api.arcade.academy/en/3.3.1//_static/filetiles/type-json.png"/>

      - .. raw:: html

             <span class="resource-handle">
                 <code class="docutils literal notranslate">
                     <span class="pre">&#x27;level_1.json&#x27;</span>
                 </code>
                 <button class="arcade-ezcopy" data-clipboard-text=":resources:/tiled_maps/level_1.json">
                     <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
                 </button>
             </span>
             <br/>

        .. raw:: html

           <img class="resource-thumb" src="https://api.arcade.academy/en/3.3.1//_static/filetiles/type-json.png"/>

    * - .. raw:: html

             <span class="resource-handle">
                 <code class="docutils literal notranslate">
                     <span class="pre">&#x27;level_2.json&#x27;</span>
                 </code>
                 <button class="arcade-ezcopy" data-clipboard-text=":resources:/tiled_maps/level_2.json">
                     <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
                 </button>
             </span>
             <br/>

        .. raw:: html

           <img class="resource-thumb" src="https://api.arcade.academy/en/3.3.1//_static/filetiles/type-json.png"/>

      - .. raw:: html

             <span class="resource-handle">
                 <code class="docutils literal notranslate">
                     <span class="pre">&#x27;map.json&#x27;</span>
                 </code>
                 <button class="arcade-ezcopy" data-clipboard-text=":resources:/tiled_maps/map.json">
                     <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
                 </button>
             </span>
             <br/>

        .. raw:: html

           <img class="resource-thumb" src="https://api.arcade.academy/en/3.3.1//_static/filetiles/type-json.png"/>

    * - .. raw:: html

             <span class="resource-handle">
                 <code class="docutils literal notranslate">
                     <span class="pre">&#x27;map2_level_1.json&#x27;</span>
                 </code>
                 <button class="arcade-ezcopy" data-clipboard-text=":resources:/tiled_maps/map2_level_1.json">
                     <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
                 </button>
             </span>
             <br/>

        .. raw:: html

           <img class="resource-thumb" src="https://api.arcade.academy/en/3.3.1//_static/filetiles/type-json.png"/>

      - .. raw:: html

             <span class="resource-handle">
                 <code class="docutils literal notranslate">
                     <span class="pre">&#x27;map2_level_2.json&#x27;</span>
                 </code>
                 <button class="arcade-ezcopy" data-clipboard-text=":resources:/tiled_maps/map2_level_2.json">
                     <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
                 </button>
             </span>
             <br/>

        .. raw:: html

           <img class="resource-thumb" src="https://api.arcade.academy/en/3.3.1//_static/filetiles/type-json.png"/>

    * - .. raw:: html

             <span class="resource-handle">
                 <code class="docutils literal notranslate">
                     <span class="pre">&#x27;map_with_ladders.json&#x27;</span>
                 </code>
                 <button class="arcade-ezcopy" data-clipboard-text=":resources:/tiled_maps/map_with_ladders.json">
                     <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
                 </button>
             </span>
             <br/>

        .. raw:: html

           <img class="resource-thumb" src="https://api.arcade.academy/en/3.3.1//_static/filetiles/type-json.png"/>

      - .. raw:: html

             <span class="resource-handle">
                 <code class="docutils literal notranslate">
                     <span class="pre">&#x27;more_tiles.json&#x27;</span>
                 </code>
                 <button class="arcade-ezcopy" data-clipboard-text=":resources:/tiled_maps/more_tiles.json">
                     <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
                 </button>
             </span>
             <br/>

        .. raw:: html

           <img class="resource-thumb" src="https://api.arcade.academy/en/3.3.1//_static/filetiles/type-json.png"/>

    * - .. raw:: html

             <span class="resource-handle">
                 <code class="docutils literal notranslate">
                     <span class="pre">&#x27;pymunk_test_map.json&#x27;</span>
                 </code>
                 <button class="arcade-ezcopy" data-clipboard-text=":resources:/tiled_maps/pymunk_test_map.json">
                     <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
                 </button>
             </span>
             <br/>

        .. raw:: html

           <img class="resource-thumb" src="https://api.arcade.academy/en/3.3.1//_static/filetiles/type-json.png"/>

      - .. raw:: html

             <span class="resource-handle">
                 <code class="docutils literal notranslate">
                     <span class="pre">&#x27;spritesheet.json&#x27;</span>
                 </code>
                 <button class="arcade-ezcopy" data-clipboard-text=":resources:/tiled_maps/spritesheet.json">
                     <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
                 </button>
             </span>
             <br/>

        .. raw:: html

           <img class="resource-thumb" src="https://api.arcade.academy/en/3.3.1//_static/filetiles/type-json.png"/>

    * - .. raw:: html

             <span class="resource-handle">
                 <code class="docutils literal notranslate">
                     <span class="pre">&#x27;standard_tileset.json&#x27;</span>
                 </code>
                 <button class="arcade-ezcopy" data-clipboard-text=":resources:/tiled_maps/standard_tileset.json">
                     <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
                 </button>
             </span>
             <br/>

        .. raw:: html

           <img class="resource-thumb" src="https://api.arcade.academy/en/3.3.1//_static/filetiles/type-json.png"/>

      - .. raw:: html

             <span class="resource-handle">
                 <code class="docutils literal notranslate">
                     <span class="pre">&#x27;test_map_1.json&#x27;</span>
                 </code>
                 <button class="arcade-ezcopy" data-clipboard-text=":resources:/tiled_maps/test_map_1.json">
                     <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
                 </button>
             </span>
             <br/>

        .. raw:: html

           <img class="resource-thumb" src="https://api.arcade.academy/en/3.3.1//_static/filetiles/type-json.png"/>

    * - .. raw:: html

             <span class="resource-handle">
                 <code class="docutils literal notranslate">
                     <span class="pre">&#x27;test_map_2.json&#x27;</span>
                 </code>
                 <button class="arcade-ezcopy" data-clipboard-text=":resources:/tiled_maps/test_map_2.json">
                     <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
                 </button>
             </span>
             <br/>

        .. raw:: html

           <img class="resource-thumb" src="https://api.arcade.academy/en/3.3.1//_static/filetiles/type-json.png"/>

      - .. raw:: html

             <span class="resource-handle">
                 <code class="docutils literal notranslate">
                     <span class="pre">&#x27;test_map_3.json&#x27;</span>
                 </code>
                 <button class="arcade-ezcopy" data-clipboard-text=":resources:/tiled_maps/test_map_3.json">
                     <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
                 </button>
             </span>
             <br/>

        .. raw:: html

           <img class="resource-thumb" src="https://api.arcade.academy/en/3.3.1//_static/filetiles/type-json.png"/>

    * - .. raw:: html

             <span class="resource-handle">
                 <code class="docutils literal notranslate">
                     <span class="pre">&#x27;test_map_5.json&#x27;</span>
                 </code>
                 <button class="arcade-ezcopy" data-clipboard-text=":resources:/tiled_maps/test_map_5.json">
                     <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
                 </button>
             </span>
             <br/>

        .. raw:: html

           <img class="resource-thumb" src="https://api.arcade.academy/en/3.3.1//_static/filetiles/type-json.png"/>

      - .. raw:: html

             <span class="resource-handle">
                 <code class="docutils literal notranslate">
                     <span class="pre">&#x27;test_map_6.json&#x27;</span>
                 </code>
                 <button class="arcade-ezcopy" data-clipboard-text=":resources:/tiled_maps/test_map_6.json">
                     <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
                 </button>
             </span>
             <br/>

        .. raw:: html

           <img class="resource-thumb" src="https://api.arcade.academy/en/3.3.1//_static/filetiles/type-json.png"/>

    * - .. raw:: html

             <span class="resource-handle">
                 <code class="docutils literal notranslate">
                     <span class="pre">&#x27;test_map_7.json&#x27;</span>
                 </code>
                 <button class="arcade-ezcopy" data-clipboard-text=":resources:/tiled_maps/test_map_7.json">
                     <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
                 </button>
             </span>
             <br/>

        .. raw:: html

           <img class="resource-thumb" src="https://api.arcade.academy/en/3.3.1//_static/filetiles/type-json.png"/>

      - .. raw:: html

             <span class="resource-handle">
                 <code class="docutils literal notranslate">
                     <span class="pre">&#x27;test_objects.json&#x27;</span>
                 </code>
                 <button class="arcade-ezcopy" data-clipboard-text=":resources:/tiled_maps/test_objects.json">
                     <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
                 </button>
             </span>
             <br/>

        .. raw:: html

           <img class="resource-thumb" src="https://api.arcade.academy/en/3.3.1//_static/filetiles/type-json.png"/>


.. _resources-video:

Video
-----


.. comment `':resources:/video/'``

Arcade offers experimental support for video playback through :py:mod:`pyglet` and other libraries.

.. warning:: These features are works-in-progress!

   Please the following to learn more:

   * :ref:`future_api`
   * The undocumented `experimental folder <https://github.com/pythonarcade/arcade/tree/development/arcade/experimental>`_

To make testing easier, Arcade includes the small video file embedded below. However, runnign the
examples below may require installing both :ref:`guide-supportedmedia-ffmpeg` and additional libraries:

* The `cv2-based video examples <https://github.com/pythonarcade/arcade/blob/development/arcade/future/video/>`_
* The `cv2-based shadertoy example <https://github.com/pythonarcade/arcade/blob/development/arcade/experimental/shadertoy_video_cv2.py>`_

The links above use the unstable development branch of Arcade to gain access to the latest :py:mod:`pyglet`
and Arcade features. If you have questions or want to help develop these examples further, we'd love to hear
from you. The Arcade `Discord server <Arcade Discord>`_ and `GitHub repository <Arcade GitHub>`_ always welcome
new community members.

.. list-table:: ``':resources:/video/'``
    :class: resource-table

    * - .. raw:: html

           <span class="resource-handle">
               <code class="docutils literal notranslate">
                   <span class="pre">&#x27;earth.mp4&#x27;</span>
               </code>
               <button class="arcade-ezcopy" data-clipboard-text=":resources:/video/earth.mp4">
                   <img src="https://raw.githubusercontent.com/pythonarcade/arcade/refs/heads/development/doc/_static/icons/tabler/copy.svg"/>
               </button>
           </span>
           <br/>

        .. raw:: html

           <video class="resource-thumb" controls preload="none">
             <source src="https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/video/earth.mp4?raw=true" type="video/mp4">
             <source src="https://api.arcade.academy/en/3.3.1/https://github.com/pythonarcade/arcade/blob/development/arcade/resources/assets/video/earth.mp4?raw=true" type="video/mp4">
           </video>