Tutorials

Tutorials are JSON-driven lessons displayed by TutorialRunner.svelte and paired with the embedded Octodraw webcomponent. Public tutorials must work without the desktop MCP server. MCP remains a local authoring and validation tool for screenshots, command discovery, and generated references.

Live Preview

Loading tutorial...

Lessons

Getting StartedOpen the embed, identify the viewport, and make the first rectangle. Draw a BoxCreate a face and extrude it into a simple volume. Modify a BoxSelect one box and work through move, copy, rotate, rotate-copy, and stretch. Translate ArraysTurn one small box into linear, planar, and volumetric copy layouts. Rotate ArraysUse rotational and helical array tools on a single seed volume. Push/Pull HouseUse direct modeling steps to block out a small house form. Snapping BasicsPractice grid, endpoint, midpoint, and guide snapping. Objects and InstancesCreate reusable geometry and reason about edit context. Lighting and ExportSet view lighting and learn the screenshot/export path.

Common Buttons

Button names used in the first tutorials

Use the exact button icon and label shown here when following the tutorial steps.

Loading toolbar icons...

Implementation Status

The runner executes tutorial actions against the browser webcomponent when the current <octodraw-editor> API exposes the needed operation. Tool selection, camera presets, model reset/load, browser canvas capture, and simple highlight actions are wired. Desktop-only commands and Groovy scripts stay explicitly unavailable in public tutorials and should be validated through local MCP instead.