Project context and scope

A scene/entity runtime for exploring transform hierarchies, update components, canvas rendering, React rendering, and live debug visualization.

Rengine is a compact rendering and game-engine experiment built in TypeScript. It focuses on core engine boundaries: scenes, entities, folder-style transform hierarchies, components, update loops, renderer abstraction, and debug visualization. Entities hold transform properties, component lists, render functions, and optional shaders. Folder entities compose child transforms, scenes group entities, the loop advances component state, and renderer helpers can target canvas or React output. The browser surface exposes those mechanics with live scene selection, zoom controls, wireframe toggles, and an inspectable component tree.

Source repository →

Open Demo →