Skip to content

EXAMPLES.md

Latest commit

 

History

History
75 lines (46 loc) · 2.2 KB

EXAMPLES.md

File metadata and controls

75 lines (46 loc) · 2.2 KB
Raw

Examples

Screenshots live in docs/media/. Regenerate them with:

./scripts/capture-example-screenshots.sh

Available

Demo (examples/demo/)

Demo screenshot

End-to-end Bevy + Vite + TypeScript sample:

  • Spawns a ReactBundle covering the right half of the window
  • Loads the UI from the Vite dev server with HMR
  • Exercises basic components and style props

See examples/demo/README.md and GETTING_STARTED.md.

Menu (examples/menu/)

Menu screenshot

Full-screen menu with panel navigation (Play / Options / Credits) and hover/press feedback via useInteraction.

cd examples/menu/ui && pnpm install --ignore-scripts && pnpm dev
cargo run --manifest-path examples/menu/Cargo.toml

See examples/menu/README.md.

Forms / settings (examples/forms/)

Forms screenshot

Settings panel exercising TextInput (caret/selection/clipboard), Checkbox, Slider, and Select, plus light client-side validation.

cd examples/forms/ui && pnpm install --ignore-scripts && pnpm dev
cargo run --manifest-path examples/forms/Cargo.toml

See examples/forms/README.md.

HUD (examples/hud/)

HUD screenshot

Game-state binding via ReactBridge: Rust ticks HP/score and publishes on a channel; React reads with useBridgeState and can call add_score through callNative.

cd examples/hud/ui && pnpm install --ignore-scripts && pnpm dev
cargo run --manifest-path examples/hud/Cargo.toml

See examples/hud/README.md.

Gallery (examples/gallery/)

Poor-man's Storybook: buttons, text, TextInput, Select, Slider, Checkbox, ProgressBar, and layout samples. Enables the devtools feature (WS bridge on :8098).

cd examples/gallery/ui && pnpm install --ignore-scripts && pnpm dev
cargo run --manifest-path examples/gallery/Cargo.toml

See examples/gallery/README.md and DEVTOOLS.md.

Planned

Additional examples are tracked under Epic 8 in PROJECT_PLAN.md.