本文へ移動

Taisen Brackets対戦

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

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

目次

リファレンス · 各対戦の位置を計算

LayoutOptions型

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

What layoutBracket can be told: the shape (halves or left to right) and the order of the groups.

インポート

import type { LayoutOptions } from "@johnmorrisdotca/taisen-brackets/layout";

ほかのエクスポート元: @johnmorrisdotca/taisen-brackets

定義

interface LayoutOptions {
    shape?: "auto" | "halves" | "ltr";
    groupOrder?: readonly string[];
}

メンバー

名前型説明
shape (省略可)"halves" | "ltr" | "auto" | undefined

halves (the default when two ties feed the final) draws two halves meeting at the final; ltr one tree left to right.

groupOrder (省略可)readonly string[] | undefined

The order of the halves' groups, first on the left: ["West", "East"]. Left out, a name with "west" goes left and one with "east" right.

例

import { layoutBracket, type LayoutOptions } from "@johnmorrisdotca/taisen-brackets";

const options: LayoutOptions = { shape: "ltr" };
console.log(layoutBracket([{ sides: ["Aurora", "Harbour"], score: [2, 1] }, { sides: ["Cascade", "Delta"], score: [0, 1] }, { sides: ["Aurora", "Delta"], score: [3, 1] }], options).shape);
ltr

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

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

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