本文へ移動

Taisen Brackets対戦

対戦の一覧から、トーナメント表をSVGで描きます。

対戦(たいせん)は、二者が向かい合って勝負することです。 名前について(英語)

目次

リファレンス · トーナメント表・表・決勝までの道を描く

ROAD_THEMES定数

リファレンスの説明と例は英語です。見出しと目次は日本語です。

The road look's colours for each theme: light, dark and poster.

インポート

import { ROAD_THEMES } from "@johnmorrisdotca/taisen-brackets";

定義

const ROAD_THEMES: Readonly<Record<"light" | "dark" | "poster", RoadPalette>> = Object.freeze({
    light: { ring: "#ffffff", edge: "rgba(0,0,0,.3)", panel: "#e7e3d6", spine: "#b9b39f" },
    dark: { ring: "#e9ece6", edge: "rgba(0,0,0,.6)", panel: "#252b28", spine: "#4a524d" },
    poster: { ring: "#f6f1e3", edge: "rgba(0,0,0,.5)", panel: "#1b2766", spine: "#d9b24c" },
})

例

import { ROAD_THEMES } from "@johnmorrisdotca/taisen-brackets";

console.log(Object.keys(ROAD_THEMES));
[ 'light', 'dark', 'poster' ]

出力(このページを作ったときに実行した結果)

ソースを見るGitHub で編集@johnmorrisdotca/taisen-brackets 0.20.0 のソースから作成しました。

この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。