本文へ移動

Taisen Brackets対戦

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

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

目次

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

Feed型

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

What takes a side of a tie: a tie's id (its winner, as feeds always meant) or { tie, result }, which can name the tie's loser as well (a play-in's loser goes on to a decider).

インポート

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

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

定義

type Feed = string | {
    tie: string;
    result: "winner" | "loser";
};

例

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

const loser: Feed = { tie: "sf1", result: "loser" };
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: [loser, { tie: "sf2", result: "loser" }], third: true },
]);
console.log(layout.third);
3

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

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

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