RETICLE

A visual editor for game HUDs

Build the interface
players stare at.

Reticle is a drag-and-drop canvas for health bars, minimaps, dialogue panels, and reticles. Arrange them over your game’s scene, tune color and scale live, and export a layout you can drop straight into your renderer.

Open the editorBrowse saved HUDs
DialogueThe tide will not wait for either of us.

“Salt Cathedral” · Survival RPG

18 / 96Ammo

Position with a pointer, not a spreadsheet

Grab the ammo counter and move it two pixels left. Nudge the reticle until it sits dead-center at every aspect ratio. The canvas mirrors exactly what ends up on screen — no guessing at coordinates.

Built for the elements players actually stare at

Minimaps, inventory grids, and objective trackers render with their real proportions from the start, so a layout that looks right in the editor looks right in the game.

ObjectivesMend the lighthouse lens
export.json
{
  "type": "healthbar",
  "x": 6, "y": 8,
  "width": 22, "height": 5,
  "color": "#d1594a"
}

Export straight into your engine

Every layout is plain JSON — position, size, color, opacity per component. Feed it into a Three.js overlay, a Unity Canvas, or whatever renders your HUD today.

Three steps, one canvas

01

Pick a component

Health bars, minimaps, dialogue panels, reticles — grab one from the palette.

02

Arrange it by hand

Drag on the canvas or dial in exact percentages. See it against a live scene.

03

Export the layout

Copy the JSON and wire it into your engine’s HUD renderer.

Your HUD is a canvas away.

Open the editor