本文へ移動

Taisen Brackets対戦

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

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

目次

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

layoutBracket関数

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

The shape of a knockout, worked out from its ties: which tie feeds which (a winner goes on to the next tie its team plays, or the tie that feeds names), the rounds, which half each tie sits in, and which side has a bye. A tie is a game, a series, two legs or a replayed game, so one layout draws a hockey playoff and a World Cup. Pure and sport-agnostic: no DOM, no drawing.

インポート

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

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

定義

function layoutBracket(input: readonly Matchup[] | BracketInput, options?: LayoutOptions): BracketLayout

引数

名前型説明
inputreadonly Matchup[] | BracketInput

The ties: a list of matchups, or { matchups, teams } with the teams listed once.

options (省略可)LayoutOptions

shape (auto, halves or ltr) and groupOrder.

戻り値

BracketLayout

The layout: the ties, their rounds, the halves, the rows, the bye of each tie and the champion once the final is played.

例

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

const layout = layoutBracket([{ sides: ["Aurora", "Harbour"], score: [2, 1] }, { sides: ["Cascade", "Delta"], score: [0, 1] }, { sides: ["Aurora", "Delta"], score: [3, 1] }]);
console.log(layout.rounds, layout.champion?.name, layout.shape);
2 Aurora halves

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

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

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