Keyboard shortcuts

Press ← or → to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

Web Studio

Launch the browser studio (see Start Here) to get an editor, 3D viewer, printable instructions, and performance tools in a single workspace. Nothing to install - everything runs locally in your browser.

Editing workflow

  • The studio auto-saves shortly after you stop typing, keeping a private copy of every design in your browser.
  • Use Open... to browse your saved designs, restore deleted entries, or export a backup. New loads the default template.
  • Errors and warnings appear directly under the editor with line numbers. Fix them before running the Analyzer or Optimizer - the performance tools stay locked until the last run succeeds.
  • Rotate with a left-button drag (or a single-finger drag on touch).
  • Pan with the right or middle button; on touch devices use a two-finger drag.
  • Zoom with the mouse wheel or a pinch gesture. Double-click the canvas to reset the default view.
  • Use the toolbar buttons to toggle overlays, cycle view modes (Monochrome -> Palette -> Raytraced), reveal wireframe edges, display debug points, flip between crown and pavilion, or show the angle guide.

Interactive Slicing mirrors your current design: the panel slices the model, shows meetpoint indices, and reacts to Control/Cmd held down while you move the mouse for quick previews.

Printable instructions

Open Diagram to generate the same packet your printer will see:

  • Pick a theme and image size (Small or Large) without leaving the studio.
  • Toggle Compact to tighten table spacing, and have crown and pavilion side by side.
  • Click Print to switch into a browser print preview; the rest of the UI hides automatically.

Performance tools

  • Analyzer simulates 19 tilt positions on the GPU (see Analyzer for details). The panel stays disabled until the current design processes without errors and WebGPU is available.
  • Optimizer adjusts every bracketed value, reuses the Analyzer scores, and keeps the best candidate ready for comparison (see Optimizer).

Both panels share the same analyzer engine, so once WebGPU initialises successfully the buttons unlock together.