本文へ移動

Taisen Brackets対戦

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

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

目次

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

Source型

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

Where a side of a tie comes from: the winner or the loser of the tie at tie (its index).

インポート

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

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

定義

interface Source {
    tie: number;
    result: "winner" | "loser";
}

メンバー

名前型説明
tienumber
result"winner" | "loser"

例

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

const layout = layoutBracket([
  { id: "sf1", sides: ["A", "B"], score: [1, 0] },
  { id: "sf2", sides: ["C", "D"], score: [0, 2] },
  { id: "final", sides: ["A", "D"], score: [2, 1] },
  { id: "bronze", sides: [null, null], feeds: [{ tie: "sf1", result: "loser" }, { tie: "sf2", result: "loser" }], third: true },
]);
const source: Source | null | undefined = layout.ties[3].from?.[0];
console.log(source);
{ tie: 0, result: 'loser' }

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

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

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