Editor Overview

#DOM, Serialisation, and Property Editing

The editor uses a document object model backed by MemoryPack serialisation. Property inspectors are generated automatically from component fields, with 28 specialised editors for different data types.

#Editor General

The main editor shell is built with Avalonia UI and Dock.Avalonia, providing a dockable panel layout with viewport, scene hierarchy, asset browser, and properties panel.

Level Editor layout with the asteroid belt test scene open

#Level Editor

The level editor provides a focused environment for building individual levels. It supports object placement with snapping, prefab instantiation, and real-time preview.

Lights + Asteroids

Portal + sun in the 3D viewport

Portal entity selected on a sun surface, with scene hierarchy and transform properties

Asset browser with mesh instance thumbnails and point light gizmo in the viewport

Material instance preview window with texture slot editing and asset browser

Dense wireframe geometry viewed in the editor viewport

Asteroid field with particle emitter, script parameters, and spline path visible

Show All (7)

#Material Graph

Node-based visual shader authoring compiled to HLSL. The GraphCompilerService validates and topologically sorts the graph before generating shader code. Each node gets a 128x128 preview rendered in an isolated ECS world.

Inside a function subgraph for the SunGlare material, showing typed pin connections

Full SunGlare material graph with comment groups, shader statistics, and live preview

Halo and haze falloff nodes with exponential decay logic

PostProcess output node receiving the final colour and opacity values

Per-node 128x128 previews showing intermediate results across the graph

Show All (5)

#Tracy Integration

CPU and GPU profiling zones are instrumented throughout the engine via Tracy bindings, with per-frame memory tracking.

Tracy Profiler timeline showing main thread, render thread, and GPU zones across 1,628 frames

Single frame detail: main thread update and render thread draw with render graph execution zones

#RenderDoc Integration

Frame capture and GPU debugging through RenderDoc, accessible directly from the editor viewport.

RenderDoc Capture button in the editor viewport toolbar

Captured frame open in RenderDoc, showing the event browser with draw calls, resource inspector, and resource list

#Script Editor

Integrated Luau script editing with live reload. Scripts attach to entities via the ScriptAttachedEntity relationship.

Luau script with exported parameters, ready/update/destroy lifecycle functions

Autocomplete suggesting component types from the ECS binding layer

Script attached to an entity via the properties panel

Show All (3)

#Game-centric Editors

Games can easily define editors for their custom file formats, powered via the DOM system.

Editing a sun definition with live preview of temperature and luminosity changes

Sun Definition editor with temperature, radius, and luminosity sliders and a live star preview

Ring Definition editor for SaturnRings.ringDef, with parameters for radius, density, colour gradient, and a live viewport

Show All (3)