Demos

Each demo is a full app built on these packages. The ones that draw a headset session open in a browser too, with an emulated headset behind ?emulator: the link to play one in a tab opens it that way.

Desk

A desk drawn in HTML and CSS, in three looks: a computer typing out its program on its screen, a keyboard that types on it, a panel of live charts, a board of cards, something to load programs from, and a paper to read. On a page it is a page. In a headset justdom-three mirrors each object into a panel of its own and sets them out on a desk in a room; ?panels=texture has the browser draw them into a texture instead (below).

Desk in the emulated headset — In the emulated headset

Open the demo · Play in a tab with an emulated headset · Source

Castle

Build a castle out of bricks in passthrough AR, then take a slingshot to it and knock the whole thing down. The game is won when every brick is lying on the ground.

Open the demo · Play in a tab with an emulated headset · Source

Euclid

An interactive editor for Euclidean constructions, built with justdom-signal and justdom-core on top of @apendua/euclid-lang.

Euclid in the emulated headset — In the emulated headset

Open the demo · Play in a tab with an emulated headset · Source

FreeDOM Showcase

Open the demo · Play in a tab with an emulated headset · Source

Hex Minesweeper

Minesweeper on a hexagonal grid, with no framework under it. On a page the board is one <svg> wired to signals and the menu is a card beside it, or above it in a tall window. On a headset it is the very same DOM: the page keeps it, and justdom-three mirrors the board and the menu into two panels in front of the viewer, the way todo mirrors its list.

Open the demo · Play in a tab with an emulated headset · Source

Knights

A turn based hex battle inspired by Heroes of Might and Magic III, and a port of KnightsJS — originally React, redux and Meteor — onto justdom-signal for state and justdom-core for rendering. The sprite sheet and the backdrop are the original assets.

Open the demo · Play in a tab with an emulated headset · Source

Todo App

Everyone's first app, written once. On a page it is plain DOM wired to signals — components are functions, updates land as attribute and text writes, there is no framework underneath. On a headset it is the very same DOM: the page keeps showing it, and justdom-three mirrors the element the app is mounted in into a panel in front of the viewer, keyboard and all.