Game Design Tooling

TheArchitect

Status: ActivePlatform: WebStack: React, TypeScript, Canvas API
TheArchitect hero image

Problem

Video game narrative design requires mapping nonlinear story structures — branching dialogues, conditional plot gates, character state changes, multiple endings. Writers and game designers work in prose documents or spreadsheets that have no spatial representation of these structures. The result is narrative bugs: story branches that dead-end, conditions that contradict, character arcs that skip steps depending on the player's path. These bugs are invisible in linear documents because the document format cannot represent the graph structure of a nonlinear narrative.


Approach

TheArchitect is a visual node-based storyboard tool for game designers and writers. Each story beat is a node. Connections between nodes represent narrative transitions (player choices, conditional triggers, time-based events). The graph is the story. Designers can see the entire narrative structure spatially — where paths diverge, where they converge, which branches are underdeveloped, and where logical contradictions exist.

The tool is designed for the specific needs of game narrative: nodes carry metadata (character states, inventory conditions, flags), connections carry conditions (player choice A vs B, item possessed, time elapsed), and the graph is traversable in preview mode to test story paths without running the game engine.


Implementation

The editor renders a canvas-based node graph with drag-and-drop node placement, connection drawing, and zoom/pan navigation. Each node supports rich text content (dialogue, description, stage direction), typed metadata fields, and conditional output ports.

The preview mode walks the graph from any starting node, presenting branch choices as the player would encounter them and tracking state changes through the path. This reveals dead-end branches and impossible conditions during the writing phase rather than during QA.

Export functionality produces structured data (JSON) compatible with common game engine dialogue systems, allowing direct import into Unreal Engine, Unity, or custom narrative engines.

ReactTypeScriptCanvas APIGraph Data StructuresJSON Export