Play the examples

The two game templates and the smallest example, built and hosted right here. Each one opens in a new tab as the shipping build: the game's TypeScript compiled to a WebAssembly component, running in the wasm sandbox on a WebGPU renderer. Nothing to install.

You need a modern browser

Any current desktop browser with WebGPU enabled. Splat worlds fall back to WebGL where WebGPU is off. If a game shows a pink error instead of a world, Troubleshooting has the symptom list.

First-person shooter

A splat arena, six animated enemies that walk at you, a hitscan weapon, health pickups, a HUD and a win condition. The fps template with zero edits.

templates/fpswasm sandbox

click to play · WASD move · space jump · mouse aim · LMB fire · R reload

Play Build it yourself

Third-person adventure

A follow camera, locomotion states, a guide NPC you can talk to, and interactables with two-choice dialogue. The third-person template with zero edits.

templates/third-personwasm sandbox

click to play · WASD move · shift run · space jump · mouse orbit · E interact · 1/2 answer

Play Build it yourself

Hello world · Gameable CC

A character exported from Gameable CC, spawned by a small guest that sends two commands and then goes quiet while the wave keeps looping. A HUD counts the frames. What the wasm boundary looks like with nothing else in the way.

examples/wasm-hellowasm sandbox

WebGPU required · nothing to press — watch the wave

Play Play · Steph Curry Export and import your character

Tala Me This

A trivia show hosted by Tala, a character exported from Gameable CC: he reads every question, counts down louder as the clock and the rounds climb, and hears your answer. Play solo, or host a party with a room code.

examples/tala-me-thiswasm sandboxparty rooms

WebGPU required · tap or talk

Play

Run them yourself

Hello world includes two Gameable CC characters through Git LFS — the greeter and steph, the first character exported from Gameable CC through the engine package. Run git lfs pull before running or building it. ?character=steph picks the second; without it you get the greeter. Follow the export and import tutorial to add or replace one with your own character.

Every one of these is a directory in the engine checkout, and the same build you just played is what npm run build in that directory produces:

npm run dev -w templates/fps            # http://localhost:5179
npm run dev -w templates/third-person   # http://localhost:5181
npm run dev -w examples/wasm-hello      # http://localhost:5180
npm run dev -w examples/tala-me-this    # http://localhost:5191

Install covers getting the checkout running.