ExplorerGridStyle

Defined in: options.ts:25

Styling for the grid behind the scene.

Properties

alpha?

optional alpha?: number

Defined in: options.ts:27

Opacity, 0 to 1; 0.22 by default.

---

color?

optional color?: ExplorerColour

Defined in: options.ts:29

Overrides palette.grid.

---

minScreenStep?

optional minScreenStep?: number

Defined in: options.ts:36

With continuous: the on-screen spacing in px below which the grid fades out; 8 by default.

---

step?

optional step?: number

Defined in: options.ts:31

The world distance between repeats of the pattern; 160 by default.

---

tile?

optional tile?: ExplorerGridTile

Defined in: options.ts:38

Your own pattern in place of the built-in dots: tile={() => import("./my-grid-tile")}.

---

zoom?

optional zoom?: "snap" | "continuous"

Defined in: options.ts:34

snap (the default) keeps the spacing on screen between 36 and 190 px by stepping it by 4× as you zoom. continuous keeps step fixed in the world, scaling smoothly, like a baseplate.