本文へ移動

Taisen Brackets対戦

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

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

目次

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

JudoRoadSource型

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

What a road panel shows: the athlete and the contests they won.

インポート

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

定義

interface JudoRoadSource {
    athlete: JudoAthlete;
    wins: readonly JudoWin[];
}

メンバー

名前型説明
athleteJudoAthlete
winsreadonly JudoWin[]

Oldest first, as judoWins gives them.

例

import { judoRoadPanel, judoWins, type JudoRoadSource } from "@johnmorrisdotca/taisen-brackets";

const source: JudoRoadSource = { athlete: { name: "Haru", code: "JPN" }, wins: judoWins([
  { id: "a", round: 1, sides: ["Haru", "Marc"], judo: { sides: [{ ippon: true }, {}], time: "1:12" } },
  { id: "f", round: 2, sides: ["Haru", "Levan"], judo: { sides: [{ wazaAri: 1 }, { yuko: 1 }], goldenScore: true, time: "5:40" } },
], "Haru") };
console.log(judoRoadPanel(source).startsWith("<svg"));
true

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

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

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