Parametric Generators

Intermediate · 10 min read

What Are Generators?

Generators are parametric game components that render complex, multi-part visuals from configurable settings. Drop a generator on your card, configure its parameters, and it produces a finished component instantly: a hex grid, a score track, a spinner wheel, a stat display, and much more.

Generators are different from shapes. Shapes are static geometric paths: a rectangle, a star, a shield. Generators produce rich, composite visuals built from many internal parts, all driven by the settings you provide. A single Score Track generator, for example, produces numbered cells, color fills, directional arrows, and layout logic that would take dozens of individual shapes to recreate manually.

Chitmunk includes 37 generator types organized into categories: Grids, Tracks, Widgets, Card Parts, Layout, Reference, Maps & Diagrams, and Game Mechanics. All generators are available to all users. Each generator has a full font picker, so you can use any Google Font or custom uploaded font in generator labels and text.

Adding a Generator

To add a generator to your card, click the Gen button in the tool strip (left edge of the canvas). This opens a categorized flyout menu. You can also press Ctrl+K to open the Command Palette and search for any generator by name.

The palette shows rendered previews of every generator type, so you can see what each one looks like before adding it. Click a generator to add it to the canvas. A configuration modal opens immediately, letting you set all the parameters before the generator is placed.

The Configuration Modal

Every generator has a configuration modal with type-specific settings. When you add a generator or double-click an existing one on the canvas, the modal opens.

Key features of the modal:

To reopen the modal for a generator that is already on the canvas, double-click the generator element.

Quick-Edit Properties

When a generator is selected on the canvas, the properties panel shows key settings for fast tweaks without opening the full configuration modal. These quick-edit controls typically include colors, sizes, and the most commonly adjusted parameters for that generator type.

For full access to every setting, click the Edit Settings... button in the properties panel. This opens the complete configuration modal.

Tip: Use quick-edit for color and size adjustments while iterating on your card layout. Open the full modal when you need to change structural parameters like grid dimensions, track layout, or segment count.

Generator Types

Here are the core generators with rendered previews. All are available to every user. Additional generators (QR Code, Probability Distribution, Miniature Base, Faction Emblem, Component Slots, Card Back Pattern, Weather Overlay, World Map, Chord Diagram, and more) are also available in the full categorized menu.

Hex Grid

Hex maps with terrain colors

Square Grid

Rectangular grids with alternating colors

Score Track

Linear, snake, spiral, or perimeter

Race Track

Custom paths with interactive editor

Spinner Wheel

Custom segments with radial text

Dice Face

D4–D20 pips, numbers, or icons

Resource Pips

Multi-resource cost displays

Stat Display

Badges, bars, or radar charts

Card Frame

TCG-style title/art/text zones

Player Mat

Configurable zone layouts

Progress Bar

Segmented HP/mana bars

Tournament Bracket

1–6 round elimination brackets

Ruler

Configurable measurement guides

Probability Table

Die-type roll result tables

Pie Chart

Data visualization with donut mode

Map Compass

Compass rose with scale bar

Relationship Map

Node-and-edge faction diagrams

Point-to-Point

City networks with route segments

Tech Tree

Branching prerequisite trees

Thermometer

Temperature/tension gauges

Box Insert

Compartment layout diagrams

Action Rondel

Circular action selection wheels

Phase Reference

Turn structure with phases

Timeline

Event sequences with markers

Token Sheet

Punchout layouts with cut guides

Interactive Editors

Three generator types include canvas-based interactive editors that let you build their layouts visually:

The interactive editors appear inside the configuration modal. Changes are reflected in the live preview as you work, and your layout is saved when you click Apply.

Convert to Shapes

If you need pixel-perfect control over a generator's individual parts, you can flatten it into editable basic shapes. Right-click any generator on the canvas and select Convert to Shapes.

This converts the generator into a group of individual shape, text, and line elements that you can edit independently: adjust colors, move parts, delete pieces, or add new elements.

Important: Converting to shapes is a one-way operation. Once converted, the generator becomes a standard group and can no longer be reconfigured through the generator modal. If you think you might want to adjust the generator settings later, duplicate the generator first and convert only the copy.

Tips

Ready to try it?

Open the editor, it's free, just sign in.

Start Designing