本文へ移動

Taisen Brackets対戦

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

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

目次

リファレンス · 決勝までの道

RoadTeam型

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

A team of a road chart: a Team whose id is optional (a standalone finalist needs only a name), with logo as another name for mark.

インポート

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

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

定義

type RoadTeam = Omit<Team, "id" | "group"> & {
    id?: SideId;
    logo?: string;
};

メンバー

名前型説明
mark (省略可)string | undefined

The team's mark: a logo or a flag. Either the address of an image (https://, data:image/…, or a relative path) or inline SVG markup (<svg …>; a round flag from @johnmorrisdotca/hata goes here as it is).

color (省略可)string | undefined

A colour for the team's initials when it has no mark, any CSS colour.

namestring
abbr (省略可)string | undefined

A short name for a small box (three letters is usual). Left out, one is made from the name.

seed (省略可)number | undefined

The seed, shown beside the name when seeds is on.

tag (省略可)string | undefined

A tag for the road look's seed tags (C1, WC2, M3): written small beside the mark when seeds is on, in place of the number. A tie's seeds win over it.

names (省略可)Readonly<Record<string, string>> | undefined

The name in other languages, by locale code: { fr: "Allemagne", ja: "ドイツ" }. The language of a drawing picks its own, else name.

region (省略可)string | undefined

An ISO 3166 region code (DE), for countryName and a teamName that uses it.

flag (省略可)string | undefined

A country code (ca, GB-ENG) for a round flag drawn by the flags option's renderer (@johnmorrisdotca/hata has one). With no renderer, or one that has no flag for the code, the team's mark is drawn, or its initials: it never throws.

code (省略可)string | undefined

The three letters of the team's country (JPN), which the judo screens write beside the name (judoWins, judoRoadPanel).

id (省略可)SideId | undefined
logo (省略可)string | undefined

The address or inline SVG of a flag or a crest: another name for mark.

例

import { roadToFinal, type RoadTeam } from "@johnmorrisdotca/taisen-brackets";

const gulls: RoadTeam = { name: "Harbour City Gulls", abbr: "HCG", color: "#1d4f91" };
const owls: RoadTeam = { name: "Northern Owls", abbr: "NOW" };
const chart = roadToFinal([{ ...gulls, path: [] }, { ...owls, path: [] }]);
console.log(chart.totals.finalists.map((one) => one.name));
[ 'Harbour City Gulls', 'Northern Owls' ]

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

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

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