Kagura Examples

WebGPU only

Interactive examples for Kagura, a MoonBit game engine. Open any card below to launch the demo, review controls, and jump to source.

Browser demos currently require WebGPU. Recent desktop Chrome or Edge is recommended. On phones, open the page in portrait and use the built-in control notes before interacting.

Games

Flappy Bird

One-button 2D game loop demo.

Start: Tap the canvas or press Space to start.

Controls: Tap / Space: flap

  • 2D
  • Scene API

Survivor

Auto-attack survival prototype with leveling.

Start: Press Space to start, then keep moving.

Controls: WASD / Arrow: move

  • 2D
  • Camera
  • Leveling

Action RPG

Tilemap, AI, audio, and UI showcase.

Start: Press Space to enter the dungeon.

Controls: WASD / Arrow: move

  • 2D
  • AI
  • UI

Hack & Slash

Compact 2D action prototype.

Start: Press Space to start.

Controls: WASD / Arrow: move

  • 2D
  • Combat

Hack & Slash 3D

3D action prototype with RPG overlays.

Start: Press Space to begin, then move into combat.

Controls: WASD / Arrow: move

  • 3D
  • Combat
  • RPG

2D / UI

Scene Demo

Minimal declarative Scene API example.

Start: Open the page and move the square.

Controls: WASD / Arrow: move

  • 2D
  • Scene API

UI Demo

Focus handling and layout interactions.

Start: Use keyboard or mouse to move focus.

Controls: Tab / Shift+Tab: move focus

  • UI
  • Focus

Fetch Image

Asset loading demo that fetches and renders an image.

Start: Loads automatically on open.

Controls: No input required

  • Asset
  • Image

Crater Renderer

HTML/CSS rendered to WebGPU via crater layout engine.

Start: Loads automatically — renders an HTML dashboard.

Controls: No input required

  • 2D
  • HTML
  • CSS
  • Text

3D Rendering

Arena 3D

3D arena prototype using the low-level renderer.

Start: Opens directly into the scene.

Controls: Watch the scene render

  • 3D
  • Renderer

FPS Demo

First-person movement and shooting demo.

Start: Move immediately after load.

Controls: WASD: move

  • 3D
  • FPS

OBJ Viewer

Interactive OBJ mesh viewer.

Start: Drag the model to inspect it.

Controls: Left drag: orbit camera

  • 3D
  • Asset

glTF Viewer

Interactive glTF / GLB viewer.

Start: Drag the scene or zoom in.

Controls: Left drag: orbit camera

  • 3D
  • Asset

Particle System

Billboard particle rendering showcase.

Start: Orbit around the particles for a closer look.

Controls: Left drag: orbit camera

  • 3D
  • Particles

Shadow 3D

Depth-based shadow mapping demo.

Start: Loads directly into the scene.

Controls: Automatic camera motion

  • 3D
  • Shadow

Post Effects

Bloom, tone mapping, and FXAA post-processing demo.

Start: Loads directly into the scene.

Controls: Automatic camera motion

  • 3D
  • PostFX

Skeletal Animation

GPU skinning and animated character demo.

Start: Loads directly into the scene.

Controls: Automatic camera motion

  • 3D
  • Animation

Physics

Physics 3D

Rigid body and collision demo in 3D.

Start: Loads directly into the scene.

Controls: Automatic camera motion

  • Physics
  • 3D

Physics 2D

2D body spawning and collision sandbox.

Start: Click the stage to spawn bodies.

Controls: Click: spawn a new body

  • Physics
  • 2D

Ragdoll

Drag-and-drop ragdoll interaction demo.

Start: Grab a body part with the mouse.

Controls: Click and drag: pull the ragdoll

  • Physics
  • 2D

Collision 3D

Raycast and collision query viewer.

Start: Move through the scene and watch hits update.

Controls: WASD: move

  • Physics
  • 3D

Tools

Effect Studio

AI-first timeline effect editor with particle preview and timeline feedback.

Start: Orbit the preview, scrub the timeline, and inspect the published AI editing context in the browser console.

Controls: Left drag: orbit camera

  • 3D
  • Particles
  • Timeline
  • AI