examples-webgpu.html

{% extends "layouts/page-with-menu.html" %}
{% import "macros/assets.html" as assets_macros %}
{% block page_name %}Examples{% endblock page_name %}
{% block mobile_page_menu %}{{ assets_macros::assets_menu(prefix="page-menu", root=section) }}{% endblock mobile_page_menu %}
{% block page_menu %}{{ assets_macros::assets_menu(prefix="page-menu", root=section) }}{% endblock page_menu %}
{% block page_content %}
  <div class="assets">
    <div class="assets-intro media-content">
      These examples demonstrate how to use Bevy's features in a minimal, easy to understand way. Click an example below
      to run it in
      your browser (using WASM + WebGPU) and view the source code. You can also view these examples (and others) in the
      <a href="https://github.com/bevyengine/bevy/tree/main/examples#examples">Bevy repo</a>.
      <h2 class="warning">Support Warning</h2>
      WebGPU is currently only supported on Chrome starting with version 113, and only on desktop. If they don't work on
      your configuration, you can check the WebGL2 examples <a href="/examples">here</a>.
    </div>
    <div class="assets-search">
      <input class="assets-search__input"
              type="text"
              id="assets-search"
              placeholder="Search Example">
    </div>
    {% for subsection in section.subsections %}
      {% set section = get_section(path=subsection) %}
      <h1 class="asset-section" id="{{ section.title | slugify }}">
        {{ section.title }}<a class="anchor-link" href="#{{ section.title | slugify }}">#</a>
      </h1>
      {% if section.pages %}
        <div class="item-grid item-grid--multi-cols">
          {% set pages = section.pages %}
          {% if section.extra.sort_order_reversed %}
            {% set pages = section.pages | reverse %}
          {% endif %}
          {% for post in pages %}{{ assets_macros::card(post=post) }}{% endfor %}
        </div>
      {% endif %}
    {% endfor %}
  </div>
  <script type="module">import '/assets.js'</script>
{% endblock page_content %}