Editor Overview

#DOM, Serialisation, and Property Editing

The editor uses a document object model with JSON serialisation. Its property inspectors are built from DOM type descriptions, with 28 specialised editors for different data types.

#Editor Shell

The main editor shell uses Avalonia UI and Dock.Avalonia. Its dockable layout includes the viewport, scene hierarchy, asset browser, and properties panel.

Level Editor layout with the asteroid belt test scene open

#Level Editor

The level editor supports object placement with snapping, prefab instantiation, and live preview.

Animated lights circling an asteroid field in the level editor viewport

A portal surrounding a planet beside a 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

Deprecated wireframe view of dense light-probe geometry in the editor viewport

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

Show All (7)

#Material Graph

The material graph provides node-based visual shader authoring compiled to HLSL. GraphCompilerService validates and topologically sorts the graph before generating shader code. Each node has a 128 x 128 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; opacity remains at its default 1.0

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

Show All (5)

#Tracy Integration

Tracy bindings instrument CPU and GPU profiling zones throughout the engine and track memory per frame.

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

The editor viewport exposes RenderDoc frame capture and GPU debugging.

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

The script editor supports Luau editing and 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-specific Editors

Games can define editors for custom file formats through 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)