ViewBoxtype
How a box of width by height pixels shows a board: the margin round it in cells, and how far in a view may go.
Import it
import type { ViewBox } from "@johnmorrisdotca/meikyuu/play";Definition
type ViewBox = {
width: number;
height: number;
area: Box;
};Members
| Name | Type | Description |
|---|---|---|
width | number | |
height | number | |
area | Box |
Examples
import type { MazeRecipe } from "@johnmorrisdotca/meikyuu";
import { buildMaze } from "@johnmorrisdotca/meikyuu";
import type { ViewBox } from "@johnmorrisdotca/meikyuu/play";
const recipe: MazeRecipe = {shape:"square",w:5,h:5,algorithm:"backtracker",mode:"to-goal",seed:42};
const maze = buildMaze(recipe);
const grid = maze.grid;
const box = {width:390,height:844,area:grid.box};
const value: ViewBox = box;
console.log(value);{ width: 390, height: 844, area: { x: 0, y: 0, w: 5, h: 5 } }What it prints (run when this page was built)