---
html_theme.sidebar_secondary.remove: true
---

# Examples Gallery

Browse every SimVX example. Use the checkboxes to filter by category
and the search box to narrow by title or tag.

<div class="editor-banner">
  <div class="editor-banner-text">
    <strong>SimVX Editor in your browser</strong>
    <span class="editor-banner-sub">not all features work yet</span>
  </div>
  <a href="../../editor.html" class="editor-banner-btn">Open<span class="editor-banner-beta">beta</span></a>
</div>

<div class="gallery-controls">
  <div class="gallery-filters">
    <label><input type="checkbox" data-filter-category="features" checked> Features</label>
    <label><input type="checkbox" data-filter-category="tutorials" checked> Tutorials</label>
    <label><input type="checkbox" data-filter-category="ports" checked> Ports</label>
    <label><input type="checkbox" data-filter-category="demos" checked> Demos</label>
    <label><input type="checkbox" data-filter-web="non-web"> Non-web</label>
  </div>
  <input type="search" id="gallery-search" placeholder="Search title or tag…">
</div>
<div class="gallery-pagination">
  <label>Per page: <select id="gallery-page-size">
    <option value="10">10</option>
    <option value="20">20</option>
    <option value="100">100</option>
    <option value="all" selected>All</option>
  </select></label>
  <span class="gallery-count">Showing <span id="gallery-shown">0</span>/<span id="gallery-total">0</span></span>
  <div class="gallery-pages" id="gallery-pages"></div>
</div>

::::{grid} 2 3 4 6
:gutter: 2
:class-container: gallery-grid

:::{grid-item-card}
:link: features_2d_joints
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_2d_joints.png

**2D Joints**

Pendulum chain with PinJoint2D constraints.

<span class="card-meta" data-category="features" data-web="yes" data-tags="2d" data-title="2D Joints">▶ Play</span>
:::

:::{grid-item-card}
:link: features_2d_light
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_2d_light.png

**2D Lighting**

Coloured point lights with shadow-casting occluders.

<span class="card-meta" data-category="features" data-web="yes" data-tags="2d" data-title="2D Lighting">▶ Play</span>
:::

:::{grid-item-card}
:link: features_2d_navigation
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_2d_navigation.png

**Navigation demo**

AStar2D click-to-move character on a grid.

<span class="card-meta" data-category="features" data-web="yes" data-tags="2d" data-title="Navigation demo">▶ Play</span>
:::

:::{grid-item-card}
:link: features_2d_ninepatch
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_2d_ninepatch.png

**NinePatch**

9-slice sprite scaling via Draw2D.draw_texture_region().

<span class="card-meta" data-category="features" data-web="yes" data-tags="2d" data-title="NinePatch">▶ Play</span>
:::

:::{grid-item-card}
:link: features_2d_path_follow
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_2d_path_follow.png

**2D Path Follow**

A circle follows a figure-8 bezier curve.

<span class="card-meta" data-category="features" data-web="yes" data-tags="2d" data-title="2D Path Follow">▶ Play</span>
:::

:::{grid-item-card}
:link: features_2d_sprite
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_2d_sprite.png

**Sprite**

Render textured quads via Sprite2D.

<span class="card-meta" data-category="features" data-web="yes" data-tags="2d" data-title="Sprite">▶ Play</span>
:::

:::{grid-item-card}
:link: features_2d_tilemap
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_2d_tilemap.png

**Tilemap**

GPU-rendered tilemap with multi-layer and player-follow camera.

<span class="card-meta" data-category="features" data-web="yes" data-tags="2d" data-title="Tilemap">▶ Play</span>
:::

:::{grid-item-card}
:link: features_2d_trail
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_2d_trail.png

**2D Trail**

Colour-gradient trails behind moving objects.

<span class="card-meta" data-category="features" data-web="yes" data-tags="2d" data-title="2D Trail">▶ Play</span>
:::

:::{grid-item-card}
:link: features_3d_animation_blend
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_3d_animation_blend.png

**Animation Blend**

BlendSpace1D, crossfade, and keyframe events.

<span class="card-meta" data-category="features" data-web="yes" data-tags="3d" data-title="Animation Blend">▶ Play</span>
:::

:::{grid-item-card}
:link: features_3d_chase_camera
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_3d_chase_camera.png

**ChaseCamera demo**

3rd-person lag-and-spring follow camera.

<span class="card-meta" data-category="features" data-web="yes" data-tags="3d" data-title="ChaseCamera demo">▶ Play</span>
:::

:::{grid-item-card}
:link: features_3d_collision_world
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_3d_collision_world.png

**CollisionWorld**

Interactive sandbox for CollisionWorld + raycasting.

<span class="card-meta" data-category="features" data-web="yes" data-tags="3d" data-title="CollisionWorld">▶ Play</span>
:::

:::{grid-item-card}
:link: features_3d_csg
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_3d_csg.png

**CSG**

Constructive Solid Geometry boolean operations on 3D shapes.

<span class="card-meta" data-category="features" data-web="yes" data-tags="3d" data-title="CSG">▶ Play</span>
:::

:::{grid-item-card}
:link: features_3d_custom_shader
:link-type: doc
:class-card: example-card cat-features web-no

**Custom Shader**

ShaderMaterial API preview with animated uniforms.

<span class="card-meta" data-category="features" data-web="no" data-tags="3d" data-title="Custom Shader">📄 Docs</span>
:::

:::{grid-item-card}
:link: features_3d_extrude_path
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_3d_extrude_path.png

**Mesh.extrude_path demo**

sweep a profile along a 3D centerline.

<span class="card-meta" data-category="features" data-web="yes" data-tags="3d" data-title="Mesh.extrude_path demo">▶ Play</span>
:::

:::{grid-item-card}
:link: features_3d_first_person
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_3d_first_person.png

**First-person camera demo**

WASD movement + mouse-look.

<span class="card-meta" data-category="features" data-web="yes" data-tags="3d" data-title="First-person camera demo">▶ Play</span>
:::

:::{grid-item-card}
:link: features_3d_fog
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_3d_fog.png

**Fog**

Distance-based fog via WorldEnvironment.

<span class="card-meta" data-category="features" data-web="yes" data-tags="3d" data-title="Fog">▶ Play</span>
:::

:::{grid-item-card}
:link: features_3d_gpu_particles
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_3d_gpu_particles.png

**GPU Particles 3D Demo**

compute-shader-driven particle simulation.

<span class="card-meta" data-category="features" data-web="yes" data-tags="3d" data-title="GPU Particles 3D Demo">▶ Play</span>
:::

:::{grid-item-card}
:link: features_3d_ibl
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_3d_ibl.png

**IBL**

Image-based lighting on metallic spheres.

<span class="card-meta" data-category="features" data-web="yes" data-tags="3d" data-title="IBL">▶ Play</span>
:::

:::{grid-item-card}
:link: features_3d_joints
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_3d_joints.png

**3D Joints**

Pendulum chain and hinge door using physics joints.

<span class="card-meta" data-category="features" data-web="yes" data-tags="3d" data-title="3D Joints">▶ Play</span>
:::

:::{grid-item-card}
:link: features_3d_lighting
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_3d_lighting.png

**3D Lighting**

Directional and orbiting point lights.

<span class="card-meta" data-category="features" data-web="yes" data-tags="3d" data-title="3D Lighting">▶ Play</span>
:::

:::{grid-item-card}
:link: features_3d_mesh_parenting
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_3d_mesh_parenting.png

**Mesh Parenting**

MeshInstance3D rendering under different parent node types.

<span class="card-meta" data-category="features" data-web="yes" data-tags="3d" data-title="Mesh Parenting">▶ Play</span>
:::

:::{grid-item-card}
:link: features_3d_model_viewer
:link-type: doc
:class-card: example-card cat-features web-no

**Model Viewer**

Load glTF models with PBR textures and orbit camera.

<span class="card-meta" data-category="features" data-web="no" data-tags="3d" data-title="Model Viewer">📄 Docs</span>
:::

:::{grid-item-card}
:link: features_3d_motion_blur
:link-type: doc
:class-card: example-card cat-features web-no

**Motion Blur**

Camera-based motion blur orbiting a scene of cubes.

<span class="card-meta" data-category="features" data-web="no" data-tags="3d" data-title="Motion Blur">📄 Docs</span>
:::

:::{grid-item-card}
:link: features_3d_multimesh
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_3d_multimesh.png

**MultiMesh**

1600 cubes rendered via MultiMeshInstance3D instancing.

<span class="card-meta" data-category="features" data-web="yes" data-tags="3d" data-title="MultiMesh">▶ Play</span>
:::

:::{grid-item-card}
:link: features_3d_navigation
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_3d_navigation.png

**3D Navigation**

NavigationMesh3D pathfinding with obstacle carving.

<span class="card-meta" data-category="features" data-web="yes" data-tags="3d" data-title="3D Navigation">▶ Play</span>
:::

:::{grid-item-card}
:link: features_3d_noise
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_3d_noise.png

**Noise**

Perlin, Simplex, Value, and Cellular noise side by side.

<span class="card-meta" data-category="features" data-web="yes" data-tags="3d" data-title="Noise">▶ Play</span>
:::

:::{grid-item-card}
:link: features_3d_particles
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_3d_particles.png

**Particles**

CPU ParticleEmitter: sub-emitters, collision, trails, and deterministic seeding.

<span class="card-meta" data-category="features" data-web="yes" data-tags="3d" data-title="Particles">▶ Play</span>
:::

:::{grid-item-card}
:link: features_3d_path_follow
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_3d_path_follow.png

**3D Path Follow demo**

camera rail fly-through around scattered geometry.

<span class="card-meta" data-category="features" data-web="yes" data-tags="3d" data-title="3D Path Follow demo">▶ Play</span>
:::

:::{grid-item-card}
:link: features_3d_picking
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_3d_picking.png

**Mouse picking demo**

click cubes to change their colour.

<span class="card-meta" data-category="features" data-web="yes" data-tags="3d" data-title="Mouse picking demo">▶ Play</span>
:::

:::{grid-item-card}
:link: features_3d_point_shadows
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_3d_point_shadows.png

**Point and spot light shadow demo.**

Demonstrates:   - Point light shadow casting from a central position   - Spot light in a corner illuminating a specific area   - Multiple objects casting/receiving shadows   - Camera orbit controls

<span class="card-meta" data-category="features" data-web="yes" data-tags="3d" data-title="Point and spot light shadow demo.">▶ Play</span>
:::

:::{grid-item-card}
:link: features_3d_post_process_parity
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_3d_post_process_parity.png

**PostProcessParity**

Desktop parity for WorldEnvironment post-process knobs.

<span class="card-meta" data-category="features" data-web="yes" data-tags="3d post-process ssao tonemap fxaa dof" data-title="PostProcessParity">▶ Play</span>
:::

:::{grid-item-card}
:link: features_3d_raycast
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_3d_raycast.png

**Raycast demo**

click a cube in the grid to highlight the ray hit.

<span class="card-meta" data-category="features" data-web="yes" data-tags="3d" data-title="Raycast demo">▶ Play</span>
:::

:::{grid-item-card}
:link: features_3d_reflection_probe
:link-type: doc
:class-card: example-card cat-features web-no

**ReflectionProbe3D**

Local cubemap reflections inside a probe box.

<span class="card-meta" data-category="features" data-web="no" data-tags="3d reflection ibl probe" data-title="ReflectionProbe3D">📄 Docs</span>
:::

:::{grid-item-card}
:link: features_3d_render_layers
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_3d_render_layers.png

**Render Layers Demo**

3D object visibility via render layer bitmasks.

<span class="card-meta" data-category="features" data-web="yes" data-tags="3d" data-title="Render Layers Demo">▶ Play</span>
:::

:::{grid-item-card}
:link: features_3d_shadows
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_3d_shadows.png

**Shadow quality demo**

cascade debug visualization and texel snapping.

<span class="card-meta" data-category="features" data-web="yes" data-tags="3d" data-title="Shadow quality demo">▶ Play</span>
:::

:::{grid-item-card}
:link: features_3d_skeletal
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_3d_skeletal.png

**Skeletal animation demo**

articulated arm with bone-driven wave motion.

<span class="card-meta" data-category="features" data-web="yes" data-tags="3d" data-title="Skeletal animation demo">▶ Play</span>
:::

:::{grid-item-card}
:link: features_3d_ssao
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_3d_ssao.png

**SSAO Demo**

Screen-Space Ambient Occlusion visualization.

<span class="card-meta" data-category="features" data-web="yes" data-tags="3d" data-title="SSAO Demo">▶ Play</span>
:::

:::{grid-item-card}
:link: features_3d_sub_viewport
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_3d_sub_viewport.png

**SubViewport**

render a live 3D scene to a texture, shown on an in-world monitor.

<span class="card-meta" data-category="features" data-web="yes" data-tags="3d subviewport render-to-texture" data-title="SubViewport">▶ Play</span>
:::

:::{grid-item-card}
:link: features_3d_text
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_3d_text.png

**Node tree text demo**

3D cubes with text textures + 2D text overlay + Japanese text.

<span class="card-meta" data-category="features" data-web="yes" data-tags="3d" data-title="Node tree text demo">▶ Play</span>
:::

:::{grid-item-card}
:link: features_3d_textured_cubes
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_3d_textured_cubes.png

**Textured cubes demo**

generates checkerboard textures and renders them.

<span class="card-meta" data-category="features" data-web="yes" data-tags="3d" data-title="Textured cubes demo">▶ Play</span>
:::

:::{grid-item-card}
:link: features_3d_volumetric_fog
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_3d_volumetric_fog.png

**Volumetric Fog**

Ray-marched single-scatter fog + localised FogVolume3D.

<span class="card-meta" data-category="features" data-web="yes" data-tags="3d" data-title="Volumetric Fog">▶ Play</span>
:::

:::{grid-item-card}
:link: features_debug_draw
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_debug_draw.png

**Debug Draw**

Wireframe boxes, spheres, axes, and rays.

<span class="card-meta" data-category="features" data-web="yes" data-tags="debug" data-title="Debug Draw">▶ Play</span>
:::

:::{grid-item-card}
:link: features_debug_overlay
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_debug_overlay.png

**Debug Overlay**

F3 toggles the overlay, F4 cycles features.

<span class="card-meta" data-category="features" data-web="yes" data-tags="debug" data-title="Debug Overlay">▶ Play</span>
:::

:::{grid-item-card}
:link: features_getting_started_bouncing_ball
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_getting_started_bouncing_ball.png

**Bouncing Balls**

Properties, velocity, and screen-edge collision.

<span class="card-meta" data-category="features" data-web="yes" data-tags="getting_started" data-title="Bouncing Balls">▶ Play</span>
:::

:::{grid-item-card}
:link: features_getting_started_rotating_cube
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_getting_started_rotating_cube.png

**Rotating Cube**

Smallest 3D scene.

<span class="card-meta" data-category="features" data-web="yes" data-tags="getting_started" data-title="Rotating Cube">▶ Play</span>
:::

:::{grid-item-card}
:link: features_getting_started_triangle
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_getting_started_triangle.png

**Triangle**

Minimal custom-draw example.

<span class="card-meta" data-category="features" data-web="yes" data-tags="getting_started" data-title="Triangle">▶ Play</span>
:::

:::{grid-item-card}
:link: features_ui_audio
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_ui_audio.png

**Audio demo**

generates and plays test tones using the MiniaudioBackend.

<span class="card-meta" data-category="features" data-web="yes" data-tags="ui" data-title="Audio demo">▶ Play</span>
:::

:::{grid-item-card}
:link: features_ui_gestures
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_ui_gestures.png

**Touch gesture recognition demo**

tap, long press, swipe, pinch, pan.

<span class="card-meta" data-category="features" data-web="yes" data-tags="ui" data-title="Touch gesture recognition demo">▶ Play</span>
:::

:::{grid-item-card}
:link: features_ui_i18n
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_ui_i18n.png

**i18n Demo**

displays translated text and switches locale with key presses.

<span class="card-meta" data-category="features" data-web="yes" data-tags="ui" data-title="i18n Demo">▶ Play</span>
:::

:::{grid-item-card}
:link: features_ui_menus
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_ui_menus.png

**Menu Bar Demo**

MenuBar with PopupMenu dropdowns and z-ordering.

<span class="card-meta" data-category="features" data-web="yes" data-tags="ui" data-title="Menu Bar Demo">▶ Play</span>
:::

:::{grid-item-card}
:link: features_ui_python_console
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_ui_python_console.png

**Python Console**

Embedded interactive Python REPL in a terminal widget.

<span class="card-meta" data-category="features" data-web="yes" data-tags="ui" data-title="Python Console">▶ Play</span>
:::

:::{grid-item-card}
:link: features_ui_terminal
:link-type: doc
:class-card: example-card cat-features web-no
:img-top: ../_static/screenshots/features_ui_terminal.png

**Terminal Demo**

Interactive terminal emulator running bash.

<span class="card-meta" data-category="features" data-web="no" data-tags="ui" data-title="Terminal Demo">📄 Docs</span>
:::

:::{grid-item-card}
:link: features_ui_text_input
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_ui_text_input.png

**Text Input Demo**

validates character input, focus routing, and scissor clipping.

<span class="card-meta" data-category="features" data-web="yes" data-tags="ui" data-title="Text Input Demo">▶ Play</span>
:::

:::{grid-item-card}
:link: features_ui_theme
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_ui_theme.png

**Visual demo for the StyleBox theming system.**

Shows all theme presets side by side. Each column applies its own theme to the widget subtree so backgrounds, buttons, inputs, sliders, checkboxes, and tabs all render with the correct colours.  Buttons are shown in every state: normal, hover, pressed, disabled, focused.

<span class="card-meta" data-category="features" data-web="yes" data-tags="ui" data-title="Visual demo for the StyleBox theming system.">▶ Play</span>
:::

:::{grid-item-card}
:link: features_ui_tree
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_ui_tree.png

**TreeView Demo**

live scene tree inspector with expand/collapse.

<span class="card-meta" data-category="features" data-web="yes" data-tags="ui" data-title="TreeView Demo">▶ Play</span>
:::

:::{grid-item-card}
:link: features_ui_undo
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_ui_undo.png

**Undo/Redo demo**

move cubes and rewind with Ctrl+Z / Ctrl+Shift+Z.

<span class="card-meta" data-category="features" data-web="yes" data-tags="ui" data-title="Undo/Redo demo">▶ Play</span>
:::

:::{grid-item-card}
:link: features_ui_widget_showcase
:link-type: doc
:class-card: example-card cat-features web-yes
:img-top: ../_static/screenshots/features_ui_widget_showcase.png

**Widget Showcase**

Tour of every major UI widget category.

<span class="card-meta" data-category="features" data-web="yes" data-tags="ui" data-title="Widget Showcase">▶ Play</span>
:::

:::{grid-item-card}
:link: tutorials_first_scene
:link-type: doc
:class-card: example-card cat-tutorials web-yes
:img-top: ../_static/screenshots/tutorials_first_scene.png

**First Scene**

Open a window and add a node.

<span class="card-meta" data-category="tutorials" data-web="yes" data-tags="beginner tutorial" data-title="First Scene">▶ Play</span>
:::

:::{grid-item-card}
:link: ports_balatro_feel
:link-type: doc
:class-card: example-card cat-ports web-yes
:img-top: ../_static/screenshots/ports_balatro_feel.png

**Balatro-Feel**

Card hover / select / drag / play, pure tween expressiveness.

<span class="card-meta" data-category="ports" data-web="yes" data-tags="port tier-1" data-title="Balatro-Feel">▶ Play</span>
:::

:::{grid-item-card}
:link: ports_casual_crusade
:link-type: doc
:class-card: example-card cat-ports web-yes
:img-top: ../_static/screenshots/ports_casual_crusade.png

**Casual Crusade**

js13k card/dungeon, domino-card placement with BFS scoring.

<span class="card-meta" data-category="ports" data-web="yes" data-tags="port tier-1" data-title="Casual Crusade">▶ Play</span>
:::

:::{grid-item-card}
:link: ports_cavern
:link-type: doc
:class-card: example-card cat-ports web-no

**Cavern (Challacade)**

Jetpack platformer, engine test only (BY-NC-ND assets).

<span class="card-meta" data-category="ports" data-web="no" data-tags="port tier-1" data-title="Cavern (Challacade)">📄 Docs</span>
:::

:::{grid-item-card}
:link: ports_celeste_classic
:link-type: doc
:class-card: example-card cat-ports web-yes
:img-top: ../_static/screenshots/ports_celeste_classic.png

**Celeste Classic**

Tight platformer feel, hitstop, screenshake, particles.

<span class="card-meta" data-category="ports" data-web="yes" data-tags="port tier-0" data-title="Celeste Classic">▶ Play</span>
:::

:::{grid-item-card}
:link: ports_claustrowordia
:link-type: doc
:class-card: example-card cat-ports web-no

**Claustrowordia**

LD50 winner, UI tweens, audio juice, 56k-word dictionary scoring.

<span class="card-meta" data-category="ports" data-web="no" data-tags="port tier-1" data-title="Claustrowordia">📄 Docs</span>
:::

:::{grid-item-card}
:link: ports_clear_code_zelda
:link-type: doc
:class-card: example-card cat-ports web-yes
:img-top: ../_static/screenshots/ports_clear_code_zelda.png

**Clear Code Zelda**

Top-down ARPG, y-sort, particles, state machines, upgrade UI.

<span class="card-meta" data-category="ports" data-web="yes" data-tags="port tier-1" data-title="Clear Code Zelda">▶ Play</span>
:::

:::{grid-item-card}
:link: ports_clumsy_bird
:link-type: doc
:class-card: example-card cat-ports web-no

**Clumsy Bird**

Flappy-style endless flyer with audio, score and restart.

<span class="card-meta" data-category="ports" data-web="no" data-tags="port tier-0" data-title="Clumsy Bird">📄 Docs</span>
:::

:::{grid-item-card}
:link: ports_dodge_the_creeps
:link-type: doc
:class-card: example-card cat-ports web-yes
:img-top: ../_static/screenshots/ports_dodge_the_creeps.png

**Dodge the Creeps**

Godot's first 2D tutorial, wandering mobs, top-down dodge.

<span class="card-meta" data-category="ports" data-web="yes" data-tags="port tier-0" data-title="Dodge the Creeps">▶ Play</span>
:::

:::{grid-item-card}
:link: ports_gdquest_open_rpg
:link-type: doc
:class-card: example-card cat-ports web-yes
:img-top: ../_static/screenshots/ports_gdquest_open_rpg.png

**GDQuest Open RPG**

Overworld + turn-based combat, party of three vs enemies.

<span class="card-meta" data-category="ports" data-web="yes" data-tags="port tier-2" data-title="GDQuest Open RPG">▶ Play</span>
:::

:::{grid-item-card}
:link: ports_heartbeast_rpg
:link-type: doc
:class-card: example-card cat-ports web-yes
:img-top: ../_static/screenshots/ports_heartbeast_rpg.png

**HeartBeast Action RPG**

The canonical Godot tutorial port, sword + roll + enemies.

<span class="card-meta" data-category="ports" data-web="yes" data-tags="port tier-2" data-title="HeartBeast Action RPG">▶ Play</span>
:::

:::{grid-item-card}
:link: ports_hexgl
:link-type: doc
:class-card: example-card cat-ports web-yes
:img-top: ../_static/screenshots/ports_hexgl.png

**HexGL**

3D anti-grav racer, Catmull-Rom banked track, lap-attack, AI ghost.

<span class="card-meta" data-category="ports" data-web="yes" data-tags="port tier-2" data-title="HexGL">▶ Play</span>
:::

:::{grid-item-card}
:link: ports_hextris
:link-type: doc
:class-card: example-card cat-ports web-yes
:img-top: ../_static/screenshots/ports_hextris.png

**Hextris**

Hex puzzle, engine test for touch input (GPLv3 upstream).

<span class="card-meta" data-category="ports" data-web="yes" data-tags="port tier-0" data-title="Hextris">▶ Play</span>
:::

:::{grid-item-card}
:link: ports_mr_rescue
:link-type: doc
:class-card: example-card cat-ports web-no

**Mr. Rescue**

Arcade firefighter, fire spread, rescue civilians, procedural building.

<span class="card-meta" data-category="ports" data-web="no" data-tags="port tier-2" data-title="Mr. Rescue">📄 Docs</span>
:::

:::{grid-item-card}
:link: ports_piratemaker
:link-type: doc
:class-card: example-card cat-ports web-yes
:img-top: ../_static/screenshots/ports_piratemaker.png

**PirateMaker**

In-game level editor + play loop, proving editor = runtime.

<span class="card-meta" data-category="ports" data-web="yes" data-tags="port tier-2" data-title="PirateMaker">▶ Play</span>
:::

:::{grid-item-card}
:link: ports_procedural_planets
:link-type: doc
:class-card: example-card cat-ports web-yes
:img-top: ../_static/screenshots/ports_procedural_planets.png

**Procedural Planets**

Lague's quad-sphere tutorial, multi-octave noise, biome ramp, IBL.

<span class="card-meta" data-category="ports" data-web="yes" data-tags="port tier-2" data-title="Procedural Planets">▶ Play</span>
:::

:::{grid-item-card}
:link: ports_pydew_valley
:link-type: doc
:class-card: example-card cat-ports web-no

**PyDew Valley**

Stardew-like, tilling, planting, weather, NPC trader, save/load.

<span class="card-meta" data-category="ports" data-web="no" data-tags="port tier-2" data-title="PyDew Valley">📄 Docs</span>
:::

:::{grid-item-card}
:link: ports_q1k3
:link-type: doc
:class-card: example-card cat-ports web-no

**Q1K3**

First-person Quake-style FPS, 3 weapons, 5 enemy AI states.

<span class="card-meta" data-category="ports" data-web="no" data-tags="port tier-2" data-title="Q1K3">📄 Docs</span>
:::

:::{grid-item-card}
:link: ports_raylib_asteroids
:link-type: doc
:class-card: example-card cat-ports web-yes
:img-top: ../_static/screenshots/ports_raylib_asteroids.png

**Asteroids (raylib classic)**

Vector-space rotation, wrap-around physics, score HUD.

<span class="card-meta" data-category="ports" data-web="yes" data-tags="port tier-0" data-title="Asteroids (raylib classic)">▶ Play</span>
:::

:::{grid-item-card}
:link: ports_raylib_snake
:link-type: doc
:class-card: example-card cat-ports web-yes
:img-top: ../_static/screenshots/ports_raylib_snake.png

**Snake (raylib classic)**

Grid logic, score HUD, one of three raylib classics.

<span class="card-meta" data-category="ports" data-web="yes" data-tags="port tier-0" data-title="Snake (raylib classic)">▶ Play</span>
:::

:::{grid-item-card}
:link: ports_raylib_tetris
:link-type: doc
:class-card: example-card cat-ports web-yes
:img-top: ../_static/screenshots/ports_raylib_tetris.png

**Tetris (raylib classic)**

Grid logic, rotation, line clears, score HUD.

<span class="card-meta" data-category="ports" data-web="yes" data-tags="port tier-0" data-title="Tetris (raylib classic)">▶ Play</span>
:::

:::{grid-item-card}
:link: ports_snkrx
:link-type: doc
:class-card: example-card cat-ports web-yes
:img-top: ../_static/screenshots/ports_snkrx.png

**SNKRX**

Wave-based arena, particles, screenshake, slow-motion, bloom.

<span class="card-meta" data-category="ports" data-web="yes" data-tags="port tier-1" data-title="SNKRX">▶ Play</span>
:::

:::{grid-item-card}
:link: ports_solitaire
:link-type: doc
:class-card: example-card cat-ports web-yes
:img-top: ../_static/screenshots/ports_solitaire.png

**Klondike Solitaire**

Full Klondike with drag-drop spring/tilt, undo, save/load.

<span class="card-meta" data-category="ports" data-web="yes" data-tags="port tier-1" data-title="Klondike Solitaire">▶ Play</span>
:::

:::{grid-item-card}
:link: ports_squash_the_creeps
:link-type: doc
:class-card: example-card cat-ports web-yes
:img-top: ../_static/screenshots/ports_squash_the_creeps.png

**Squash the Creeps**

Godot's first 3D tutorial, jump on mobs, character controller.

<span class="card-meta" data-category="ports" data-web="yes" data-tags="port tier-0" data-title="Squash the Creeps">▶ Play</span>
:::

:::{grid-item-card}
:link: ports_tanks_of_freedom
:link-type: doc
:class-card: example-card cat-ports web-yes
:img-top: ../_static/screenshots/ports_tanks_of_freedom.png

**Tanks of Freedom**

Isometric turn-based strategy, three units, four buildings, AI opponent.

<span class="card-meta" data-category="ports" data-web="yes" data-tags="port tier-2" data-title="Tanks of Freedom">▶ Play</span>
:::

:::{grid-item-card}
:link: ports_tiny_yurts
:link-type: doc
:class-card: example-card cat-ports web-yes
:img-top: ../_static/screenshots/ports_tiny_yurts.png

**Tiny Yurts**

Isometric grid, BFS path-following agents, drawable routes.

<span class="card-meta" data-category="ports" data-web="yes" data-tags="port tier-1" data-title="Tiny Yurts">▶ Play</span>
:::

:::{grid-item-card}
:link: ports_tower_defence_tut
:link-type: doc
:class-card: example-card cat-ports web-yes
:img-top: ../_static/screenshots/ports_tower_defence_tut.png

**Tower Defence**

Waves, placement, currency UI, navigation curves.

<span class="card-meta" data-category="ports" data-web="yes" data-tags="port tier-1" data-title="Tower Defence">▶ Play</span>
:::

:::{grid-item-card}
:link: ports_ultimate_pygame_intro
:link-type: doc
:class-card: example-card cat-ports web-no

**Pixel Runner**

Clear Code's Pygame intro, endless runner, sprite + input + collision.

<span class="card-meta" data-category="ports" data-web="no" data-tags="port tier-0" data-title="Pixel Runner">📄 Docs</span>
:::

:::{grid-item-card}
:link: ports_youre_the_os
:link-type: doc
:class-card: example-card cat-ports web-yes
:img-top: ../_static/screenshots/ports_youre_the_os.png

**You're the OS**

OS simulation, process state machine, CPUs, RAM/disk swap, I/O queue.

<span class="card-meta" data-category="ports" data-web="yes" data-tags="port tier-2" data-title="You're the OS">▶ Play</span>
:::

:::{grid-item-card}
:link: demos_asteroids2d
:link-type: doc
:class-card: example-card cat-demos web-yes
:img-top: ../_static/screenshots/demos_asteroids2d.png

**Asteroids 2D**

Classic arcade game with wrap-around physics.

<span class="card-meta" data-category="demos" data-web="yes" data-tags="game collision wrap shooting" data-title="Asteroids 2D">▶ Play</span>
:::

:::{grid-item-card}
:link: demos_asteroids3d
:link-type: doc
:class-card: example-card cat-demos web-yes
:img-top: ../_static/screenshots/demos_asteroids3d.png

**Asteroids 3D**

Top-down arcade game with 3D objects.

<span class="card-meta" data-category="demos" data-web="yes" data-tags="game 3d collision shooting" data-title="Asteroids 3D">▶ Play</span>
:::

:::{grid-item-card}
:link: demos_deep_sea_aquarium
:link-type: doc
:class-card: example-card cat-demos web-yes
:img-top: ../_static/screenshots/demos_deep_sea_aquarium.png

**Deep Sea Aquarium**

Bioluminescent underwater world with boids and bloom.

<span class="card-meta" data-category="demos" data-web="yes" data-tags="3d particles bloom audio boids" data-title="Deep Sea Aquarium">▶ Play</span>
:::

:::{grid-item-card}
:link: demos_pad_grid
:link-type: doc
:class-card: example-card cat-demos web-yes
:img-top: ../_static/screenshots/demos_pad_grid.png

**Pad Grid**

Pad instrument with recording, loop, and training modes.

<span class="card-meta" data-category="demos" data-web="yes" data-tags="3d audio input" data-title="Pad Grid">▶ Play</span>
:::

:::{grid-item-card}
:link: demos_physics_sandbox
:link-type: doc
:class-card: example-card cat-demos web-yes
:img-top: ../_static/screenshots/demos_physics_sandbox.png

**Physics Sandbox**

Visual demo of the SimVX physics engine.

<span class="card-meta" data-category="demos" data-web="yes" data-tags="3d physics rigid-body" data-title="Physics Sandbox">▶ Play</span>
:::

:::{grid-item-card}
:link: demos_planet_explorer
:link-type: doc
:class-card: example-card cat-demos web-yes
:img-top: ../_static/screenshots/demos_planet_explorer.png

**Planet Explorer**

Infinite procedural flyover with terrain and day/night cycle.

<span class="card-meta" data-category="demos" data-web="yes" data-tags="3d procedural camera terrain particles" data-title="Planet Explorer">▶ Play</span>
:::

:::{grid-item-card}
:link: demos_platformer
:link-type: doc
:class-card: example-card cat-demos web-yes
:img-top: ../_static/screenshots/demos_platformer.png

**Platformer**

CharacterBody2D with gravity, jump, and platforms.

<span class="card-meta" data-category="demos" data-web="yes" data-tags="game character-body gravity input-actions" data-title="Platformer">▶ Play</span>
:::

:::{grid-item-card}
:link: demos_pong
:link-type: doc
:class-card: example-card cat-demos web-yes
:img-top: ../_static/screenshots/demos_pong.png

**Pong**

Complete two-player game in ~150 lines.

<span class="card-meta" data-category="demos" data-web="yes" data-tags="game input-actions signals collision" data-title="Pong">▶ Play</span>
:::

:::{grid-item-card}
:link: demos_spaceinvaders2d
:link-type: doc
:class-card: example-card cat-demos web-yes
:img-top: ../_static/screenshots/demos_spaceinvaders2d.png

**Space Invaders 2D**

Rows of enemies, bullets, and wave progression.

<span class="card-meta" data-category="demos" data-web="yes" data-tags="game collision waves shooting" data-title="Space Invaders 2D">▶ Play</span>
:::

:::{grid-item-card}
:link: demos_spaceinvaders3d
:link-type: doc
:class-card: example-card cat-demos web-yes
:img-top: ../_static/screenshots/demos_spaceinvaders3d.png

**Space Invaders 3D**

Classic arcade game with 3D meshes.

<span class="card-meta" data-category="demos" data-web="yes" data-tags="game 3d collision waves" data-title="Space Invaders 3D">▶ Play</span>
:::

:::{grid-item-card}
:link: demos_tictactoe
:link-type: doc
:class-card: example-card cat-demos web-yes
:img-top: ../_static/screenshots/demos_tictactoe.png

**Tic Tac Toe**

Classic two-player game built with UI widgets.

<span class="card-meta" data-category="demos" data-web="yes" data-tags="game ui button grid signals game-state" data-title="Tic Tac Toe">▶ Play</span>
:::

:::{grid-item-card}
:link: demos_tictactoe3d
:link-type: doc
:class-card: example-card cat-demos web-no

**Tic Tac Toe 3D**

3D board with animated X and O pieces.

<span class="card-meta" data-category="demos" data-web="no" data-tags="game 3d mesh animation game-state" data-title="Tic Tac Toe 3D">📄 Docs</span>
:::

::::

```{toctree}
:hidden:

features_2d_joints
features_2d_light
features_2d_navigation
features_2d_ninepatch
features_2d_path_follow
features_2d_sprite
features_2d_tilemap
features_2d_trail
features_3d_animation_blend
features_3d_chase_camera
features_3d_collision_world
features_3d_csg
features_3d_custom_shader
features_3d_extrude_path
features_3d_first_person
features_3d_fog
features_3d_gpu_particles
features_3d_ibl
features_3d_joints
features_3d_lighting
features_3d_mesh_parenting
features_3d_model_viewer
features_3d_motion_blur
features_3d_multimesh
features_3d_navigation
features_3d_noise
features_3d_particles
features_3d_path_follow
features_3d_picking
features_3d_point_shadows
features_3d_post_process_parity
features_3d_raycast
features_3d_reflection_probe
features_3d_render_layers
features_3d_shadows
features_3d_skeletal
features_3d_ssao
features_3d_sub_viewport
features_3d_text
features_3d_textured_cubes
features_3d_volumetric_fog
features_debug_draw
features_debug_overlay
features_getting_started_bouncing_ball
features_getting_started_rotating_cube
features_getting_started_triangle
features_ui_audio
features_ui_gestures
features_ui_i18n
features_ui_menus
features_ui_python_console
features_ui_terminal
features_ui_text_input
features_ui_theme
features_ui_tree
features_ui_undo
features_ui_widget_showcase
tutorials_first_scene
ports_balatro_feel
ports_casual_crusade
ports_cavern
ports_celeste_classic
ports_claustrowordia
ports_clear_code_zelda
ports_clumsy_bird
ports_dodge_the_creeps
ports_gdquest_open_rpg
ports_heartbeast_rpg
ports_hexgl
ports_hextris
ports_mr_rescue
ports_piratemaker
ports_procedural_planets
ports_pydew_valley
ports_q1k3
ports_raylib_asteroids
ports_raylib_snake
ports_raylib_tetris
ports_snkrx
ports_solitaire
ports_squash_the_creeps
ports_tanks_of_freedom
ports_tiny_yurts
ports_tower_defence_tut
ports_ultimate_pygame_intro
ports_youre_the_os
demos_asteroids2d
demos_asteroids3d
demos_deep_sea_aquarium
demos_pad_grid
demos_physics_sandbox
demos_planet_explorer
demos_platformer
demos_pong
demos_spaceinvaders2d
demos_spaceinvaders3d
demos_tictactoe
demos_tictactoe3d
```