Vue where it shines
Use Vue for canvas hosting, HUDs, menus, and tools while Mochi keeps hot-loop simulation out of reactivity.
Vue-first 3D game engine
Build browser games
with Vue.js
Mochi is a TypeScript game engine for web-native 3D projects. Ship a playable scene faster with Vue canvas hosting, WebGL rendering, controller presets, scene lifecycle helpers, and npm packages that fit into the frontend stack you already know.
<GameCanvas :runtime="{ fixedStep: 1 / 60 }">
<FirstGameScene />
</GameCanvas>
60 FPS
Features
The fast path from Vue app to playable 3D game
Gameplay-ready runtime
World state, transforms, input, collision queries, snapshots, and fixed-step timing are ready on day one.
WebGL for the browser
Render fast 3D scenes in the browser with a focused WebGL backend and lower-level escape hatches when needed.
Controls without the slog
Drop in first-person, third-person, vehicle, spaceflight, side-scroller, tactics, and strategy cameras.
Prototype in minutes
Start from npm packages and grow toward production with tutorials, starter flows, and public package APIs.
Modular by design
Use the Vue adapter for the happy path or reach for gameplay, renderer, and core packages directly.
Examples
Game patterns you can actually build from
Forest Explorer
Third-person collection, collision tuning, and debug visuals for your first playable loop.
Neon Runner
Vehicle and camera presets for fast arcade movement, racing ideas, and kinetic prototypes.
Floating Islands
Platforming layouts, scene-owned entities, fixed-step updates, and replayable state.
Why Mochi
Game engine power without leaving the web stack
Mochi keeps the engine model approachable: entities describe the world, scenes own lifecycle, systems run gameplay, and Vue handles HUDs, menus, overlays, and tools.
Explore developer resourcesEntities
Create stable game objects with transforms, tags, renderables, and reusable data.
Scenes
Own lifecycle, cameras, controllers, entities, and playable spaces.
Systems
Run movement, rules, input, collision, objectives, and timed behavior.
Assets
Load, cache, and reuse content across game flows.
Ready to make something playable?
Install Mochi, mount the canvas, and build a tiny 3D scene with movement, collision, and debug visuals.