本文へ移動

Chikyu Earth地球

世界の国の輪郭を線で描いた地球儀です。地球と同じ速さで回ります。宇宙から見たような地球と、好きな場所の目印も使えます。

「地球」(ちきゅう) は、私たちが住む星の名前です。 名前について(英語)

目次

リファレンス · 地球上の目印

PlaceShape型

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

Where one place's marker is drawn: the foot on the ground, the top of the stick, the stick's turn and length, the ring's turn, how flat it is and its radius, and how strongly it shows (it fades at the Earth's edge).

インポート

import type { PlaceShape } from "@johnmorrisdotca/chikyu-earth/markers";

定義

interface PlaceShape {
    index: number;
    x: number;
    y: number;
    tipX: number;
    tipY: number;
    angle: number;
    length: number;
    ringAngle: number;
    squash: number;
    ring: number;
    opacity: number;
    night: number;
}

メンバー

名前型説明
indexnumber

Index into the places given.

xnumber
ynumber
tipXnumber
tipYnumber
anglenumber

The stick's direction, degrees clockwise from straight up on the screen.

lengthnumber

The stick's length in CSS pixels (0 for the ring look).

ringAnglenumber

The direction of the ring's short axis, degrees clockwise from straight up.

squashnumber

The ring's short axis over its long one: 1 seen from straight above, near 0 at the Earth's edge.

ringnumber

The ring's radius in CSS pixels.

opacitynumber
nightnumber

How far into the night the place is: 0 by day, 1 in full night, between in the twilight. Always 0 when no Sun is given.

例

import { layoutPlaces, orthoView, type PlaceShape } from "@johnmorrisdotca/chikyu-earth/markers";

const shape: PlaceShape | undefined = layoutPlaces([{ id: "a", lon: 0, lat: 0 }], orthoView({ lon: 0, lat: 0, radius: 200, cx: 210, cy: 210, width: 420, height: 420 }), "beam").shapes[0];
console.log(shape?.length);
15.400000000000002

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

ソースを見るGitHub で編集@johnmorrisdotca/chikyu-earth 0.51.1 のソースから作成しました。

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