Skip to the content

Chikyu Earth地球

A line-drawn globe of the world's countries that turns at the Earth's own rate, with an optional realistic Earth from space and markers for any place.

Chikyu is the Japanese word 地球 for the Earth. About the name

Contents

Reference

/realistic/no-cultures

import { … } from "@johnmorrisdotca/chikyu-earth/realistic/no-cultures";

Exports

NameKindWhat it is
CameraModetypeHow the camera is held: ground (the default) over a place on the ground, so the Earth keeps still and the clock moves the light across it; space held in the stars, so the Earth turns beneath it as the clock runs and the day and night line stays where the Sun really puts it; sun held on the Sun's side, so the day and night line keeps its place on the screen while the Earth turns beneath.
ChikyuEarthRealisticclassThe <chikyu-earth-realistic> custom element: the Earth from space, drawn with three.js through kazoku-ui's shared renderer (one WebGL context for the page).
EarthStatetypeWhat the realistic Earth is doing: loading its pictures, live and drawing, unavailable (no WebGL), lost (the GPU took the context; it comes back by itself) or idle (another view has the page's one WebGL context; press or focus it to take it).
readSpeedfunctionA speed attribute: how many seconds pass for each real second.
readTimefunctionA time attribute: "now" (or none) follows the clock, else an ISO date such as 2026-06-21T12:00:00Z.
setSharedRendererfunctionHands the elements a renderer the page made, so a page that draws other things with kazoku-ui's shared renderer keeps one WebGL context for all of them.
setThreeLoaderfunctionWhere three.js comes from, if a page wants to hand it over itself (before the first element connects).

View sourceEdit on GitHubMade from the source of @johnmorrisdotca/chikyu-earth 0.51.1.