All posts
Release Notes · 1 min read

Aether v0.5.0: native views and sandbox panels

Build a sheet or panel with Aether controls, or bring HTML, CSS and JavaScript into a labelled sandbox. Settings, actions and spell cards stay bounded by the host.

Aether Team
Aether Team
The team

A system can now add a sheet using Aether's controls. A mod can also bring a custom app, with HTML, CSS and JavaScript inside a sandbox panel.

Aether-rendered views

A system or mod describes tabs, fields, lists, meters, facts and gestures as data. Aether validates it and draws the controls in the table theme. Native contributions do not bring their own CSS or fonts.

We built a D&D 5e sheet to test the native view. Ability modifiers, skills, saves, armor class, hit points and speed are grouped up front. The rest of the sheet is in tabs. The system package supplies the sheet; Aether renders it and checks edits on the server.

The same renderer handles the smaller things too: chat cards, settings and document actions. Settings declare their type and scope. Document actions appear in the menus for the entries they belong to.

Custom panels

When a mod needs HTML, CSS or JavaScript, it can provide the body of a labelled sandbox panel. Aether keeps the title strip, docking, size, focus and permissions. Aether only passes in what that player is allowed to see and do.

The sandbox also has a framework-neutral control kit for buttons, fields and tabs. The 3D Dice example uses custom HTML and canvas in this kind of panel; its roll still comes from the server.

The 3D Dice panel is a prototype. It does not put dice over the map.

Keep reading