本文へ移動

Chikyu Earth地球

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

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

目次

リファレンス · リアルな地球の計算部分

TilePerspective型

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

A camera that sees the Earth in perspective, from a place that can be a few kilometres above the ground, in the Earth's own axes (x toward longitude 90, y north, z toward longitude 0; the Earth's radius is 1).

インポート

import type { TilePerspective } from "@johnmorrisdotca/chikyu-earth/realistic";

定義

interface TilePerspective {
    eye: readonly [
        number,
        number,
        number
    ];
    project(point: readonly [
        number,
        number,
        number
    ]): {
        x: number;
        y: number;
    } | null;
    ground(x: number, y: number): readonly [
        number,
        number,
        number
    ] | null;
}

メンバー

名前型説明
eyereadonly [number, number, number]

Where the camera is.

project(point: readonly [number, number, number]): { x: number; y: number; } | null

Where a point of the Earth's surface falls in the box (CSS pixels), or null where it is behind the camera.

ground(x: number, y: number): readonly [number, number, number] | null

The point of the Earth's surface under a place in the box (a unit vector), or null where the box shows the sky.

例

import type { TilePerspective } from "@johnmorrisdotca/chikyu-earth/realistic";

const look: TilePerspective = { eye: [0, 0, 1.0235], project: (p) => ({ x: 400 + p[0] * 5000, y: 300 - p[1] * 5000 }), ground: () => [0, 0, 1] };
console.log(look.eye);
[ 0, 0, 1.0235 ]

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

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

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