Renderer documentation

The Abstract Play renderer turns a JSON render representation into SVG board images. Every game implements render() to produce this JSON; the front end and designer pass it to APRender.render().

Schema version: see Schema reference (auto-generated from schema.json).

Quick links

• Concepts — board, pieces, legend, areas, annotations
• Boards — board styles and topology
• Glyphs — piece appearance
• Contact sheet — all sheet piece names
• Adding pieces — contributor guide for new sheet artwork
• Formatting — labels, rotation, tiling
• Markers — board decorations under pieces
• Annotations — move highlights
• Engines — specialized renderers
• Schema reference — full enum/property listing

Full playground

For advanced controls (colour context, rotation presets, settings JSON), use the standalone playground — it is not part of this docs site:

renderer.dev.abstractplay.com

Interactive examples on this site

Many pages include embedded editors where you can tweak JSON and see the SVG update live. For the full sample library, open the playground above.

Last verified against schema in src/schemas/schema.json on the develop branch.