Skip to the content

Tsunagi繋ぎ

Join each pair with a separate line and fill the board, through fixed levels or seeded puzzles.

Tsunagi means joining in Japanese. About the name

Contents

Reference · SVG board

TSUNAGI_BOARDSconstant

Every ready-made board's look. paper is the page's own light look, written out; drawn by name it is left to the style, so a page can change it.

Import it

import { TSUNAGI_BOARDS } from "@johnmorrisdotca/tsunagi/draw";

Definition

const TSUNAGI_BOARDS: Record<"paper" | "wood" | "green" | "blue" | "red" | "black", TsunagiBoardLook> = {
    paper: { paper: "#fbf8f1", frame: "#a98954", grid: "#cfc6b2", ink: "#1f2320", coordinate: "#7c5a30" },
    wood: { paper: ["#f0cf95", "#d3a662"], frame: "#8a5a24", grid: "#8a6a35", ink: "#5b3d1c", coordinate: "#7c5a30" },
    green: { paper: ["#2f9a5a", "#16663a"], frame: "#0c3d22", grid: "#0b2a18", ink: "#0b2a18", coordinate: "#2f6b45" },
    blue: { paper: ["#3a7fc4", "#1d4f86"], frame: "#0f2c4d", grid: "#0c2139", ink: "#0c2139", coordinate: "#2d5a8a" },
    red: { paper: ["#c0473f", "#862722"], frame: "#4a1210", grid: "#360c0a", ink: "#360c0a", coordinate: "#8a3a33" },
    black: { paper: ["#3a3d42", "#1d1f22"], frame: "#0b0c0e", grid: "#6d737c", ink: "#9aa0a8", coordinate: "#565b63" },
}

Members

NameTypeDescription
paperTsunagiBoardLook
woodTsunagiBoardLook
greenTsunagiBoardLook
blueTsunagiBoardLook
redTsunagiBoardLook
blackTsunagiBoardLook

Examples

import { TSUNAGI_BOARDS } from "@johnmorrisdotca/tsunagi/draw";
console.log(TSUNAGI_BOARDS);
{
  paper: {
    paper: '#fbf8f1',
    frame: '#a98954',
    grid: '#cfc6b2',
    ink: '#1f2320',
    coordinate: '#7c5a30'
  },
  wood: {
    paper: [ '#f0cf95', '#d3a662' ],
    frame: '#8a5a24',
    grid: '#8a6a35',
    ink: '#5b3d1c',
    coordinate: '#7c5a30'
  },
  green: {
    paper: [ '#2f9a5a', '#16663a' ],
    frame: '#0c3d22',
    grid: '#0b2a18',
    ink: '#0b2a18',
    coordinate: '#2f6b45'
  },
  blue: {
    paper: [ '#3a7fc4', '#1d4f86' ],
    frame: '#0f2c4d',
    grid: '#0c2139',
    ink: '#0c2139',
    coordinate: '#2d5a8a'
  },
  red: {
    paper: [ '#c0473f', '#862722' ],
    frame: '#4a1210',
    grid: '#360c0a',
    ink: '#360c0a',
    coordinate: '#8a3a33'
  },
  black: {
    paper: [ '#3a3d42', '#1d1f22' ],
    frame: '#0b0c0e',
    grid: '#6d737c',
    ink: '#9aa0a8',
    coordinate: '#565b63'
  }
}

What it prints (run when this page was built)

View sourceEdit on GitHubMade from the source of @johnmorrisdotca/tsunagi 1.7.0.