Skip to content

Catalog

Every shipped template and example project, generated straight from the engine’s own registry — open one read-only in the hosted editor, follow its lesson, or copy it into your own project with the CLI.

Difficulty: 12 of 12 entries

Templates (5)

Curated, playable starting points — creating from one makes it your project.

Blank Scene — opening scene

Blank Scene

Template

A polished neutral Three.js scene with a thin entrypoint, honest hierarchy, and no game-specific character, UI, or mechanics.

vgai create my-game --template default
React/UI — opening scene

React/UI

Template

A React-root project for UI-first games and overlays.

vgai create my-game --template react
First Person — opening scene

First Person

Template

Premium bright arena shooter with Quaternius enemies, layered combat animation, and three weapons.

vgai create my-game --template first-person
Third Person — opening scene

Third Person

Template

Premium coastal-citadel TPS with over-shoulder combat, layered Quaternius animation, AI, and a complete match.

vgai create my-game --template third-person
Top Down Strategy — opening scene

Top Down Strategy

Template

Premium orthographic strategy sample with multi-selection, formation movement, navigation, physics props, automatic doors, and roof reveal.

vgai create my-game --template top-down-strategy

Starters (2)

Minimal per-genre examples: study them read-only or copy one to begin.

First Person Arena — opening scene

First Person Arena

Starter beginner

A bright multi-level arena shooter starter built around Unreal-style construction materials.

first-personarena-shooterconstruction-materialsderived-characters

vgai create my-game --example first-person
Top Down Strategy — opening scene

Top Down Strategy

Starter intermediate

A premium orthographic strategy sample with multi-selection, formation movement, navigation, physics interactions, automatic doors, and occluding-roof cutouts.

top-downstrategyorthographic-cameranavigationphysicsroof-cutoutquaternius-characters

vgai create my-game --example top-down-strategy

Sample games (4)

Complete games as architectural references.

Live-Rig Platformer — opening scene

Live-Rig Platformer

Sample game intermediate

A Pixi side-scroller whose source-owned SVG character combines locomotion poses with a gameplay-driven aim joint.

2dplatformerpixisvg-riglive-aim-joint

vgai create my-game --example live-rig-platformer
Retro Shooter — opening scene

Retro Shooter

Sample game intermediate

A first-party PixiJS shooter with a canvas world, React HUD, arcade presentation, and source-owned gameplay.

2dpixishooterreact-hud

vgai create my-game --example retro-shooter
Third Person Arena — opening scene

Third Person Arena

Sample game intermediate

A premium single-player third-person arena with animated combat, AI opponents, and a complete match loop.

third-persontpsconstruction-materialsquaternius-characters

vgai create my-game --example third-person
Top-Down Survivor — opening scene

Top-Down Survivor

Sample game intermediate

A first-party PixiJS survival game with an unbounded 2D world, combat waves, camera movement, and React HUD.

2dpixisurvivorcamerareact-hud

vgai create my-game --example top-down-survivor

Feature examples (1)

Each demonstrates one engine subsystem in isolation.

The Last Light — Cinematic Story — opening scene

The Last Light — Cinematic Story

Feature example beginner

A fully authored story cutscene set in a bright low-poly retro-futurist city floating above the clouds.

cutscenecinematic-cameraautomatic-dialoguenarrativefloating-citymodeled-assets

vgai create my-game --example cinematic-story

Lesson companions (0)

The projects the quick-start lessons walk through.

Browse the whole site and filter by content type, difficulty, and subsystem.

Type:
Difficulty:
Subsystem:

82 of 82 items

Assets & loading

Manual assets

Audio

Manual audio

Auto-batching & render settings — at the terminal

cli_tutorial Intermediate rendering

Blend trees

Manual animation

Build for web & package for desktop

cli_tutorial Intermediate tooling

CLI, SDK & scaffolding

Manual tooling

Colliders

Manual physics

Collisions & triggers

Manual physics

Colyseus rooms

Manual networking

Edit, upgrade & ship a project (CLI walkthrough)

cli_tutorial Beginner tooling

Editor architecture — the data-flow spine

cli_tutorial Advanced editor

Editor Guide

Overview

Editor SDK & storage backends

cli_tutorial Intermediate tooling

Engine API

Reference

Entities & Behavior

Manual core

Environment (skybox, IBL, fog)

Manual renderinglighting

Examples and ingested games

Manual examples

First Person Arena

Capstone Intermediate inputanimationuirendering

Foundations

Overview

Get Started

Overview

Hierarchy & inspector

Manual editor

Ingest an unmodified three.js game

Tutorial Advanced ingest

Ingesting unmodified games

Manual adapters

Input

Manual input

Instancing, terrain & splines

Manual renderinggeometry

Inverse kinematics

Manual animation

Joints

Manual physics

Lights & shadows

Manual renderinglighting

Manual

Overview

Materials

Manual renderingmaterials

Multi-root games & play control

Manual runtimecore

Multiplayer

Overview

Navigation & pathfinding

Manual navigationai

Networking

Manual networking

Particles

Manual renderingparticles

Pathways

Overview

Post-processing & tone mapping

Manual renderingpost-processing

Project-owned shaders

Manual renderingmaterials

Quick starts

Overview

React adapter roots

Manual runtimeui

React UI roots

Manual ui

Rendering, cameras & meshes

Manual rendering

Roadmap

Overview

Scaffold a project & drive the editor (CLI)

cli_tutorial Beginner tooling

The adapter architecture

Manual adapters

The GameContext & runtime

Manual runtimecore

The GameRoom template — add a multiplayer room

cli_tutorial Intermediate networking

The transform gizmo & asset browser

Tutorial Beginner editor

Third Person Arena

Manual inputphysicsanimationaudioui

Top Down Strategy

Manual navigationrenderingphysicsui

UI in the game hierarchy

Manual uieditor

Validate assets and regenerate schemas

cli_tutorial Intermediate tooling

What is vgai?

Overview

World code in action

Tutorial Beginner core

Worlds and roots

Manual coreadapter

XState animation binding

Manual animation