Wakusei Planets ドキュメント
Wakusei Planets 惑星 — The Sun, planets and moons for the web
太陽・惑星・衛星を、線画、陰影つきの絵、表面の地図で描きます。実際の大きさ・傾き・自転つきで、任意の日時の衛星の位置も分かります。
インストール
npm install @johnmorrisdotca/wakusei-planets
最初に読む
エントリーポイント
| インポート | 概要 |
|---|---|
@johnmorrisdotca/<wakusei-body> 要素 · エクスポート 5個 | |
@johnmorrisdotca/<wakusei-portrait> 要素 (たくさんの天体を一つの絵に) · エクスポート 3個 | |
@johnmorrisdotca/日付ごとの太陽・月・惑星の位置を、二つの縮尺で。カメラの計算つき · エクスポート 25個 | |
@johnmorrisdotca/<wakusei-space> 要素 (地球・月・太陽・惑星をその位置に) · エクスポート 12個 | |
@johnmorrisdotca/ユリウス日 (julian パッケージの関数も)、暦、時刻系、恒星時、火星の時刻 · エクスポート 37個 | |
@johnmorrisdotca/望遠鏡なしで見える5,080個の星: 名前、位置、固有運動、距離、色 (gzip で約100 kB) · エクスポート 9個 | |
@johnmorrisdotca/ある日付に、ある天体にいちばん近い天体を、空の見かけの角度か宇宙での距離でさがします。2つの天体がいちばん近づく時刻も: nearest、within、closestApproach、conjunctions · エクスポート 17個 | |
@johnmorrisdotca/有名な探査機10機 (ボイジャー、ニュー・ホライズンズ、パイオニア、カッシーニ、ガリレオ、ジュノー、パーカー、ウェッブ): 情報、出来事、打ち上げから記録の終わりまでの任意の日の位置 · エクスポート 14個 | |
@johnmorrisdotca/場所から見た太陽と月: 位置、日の出と日の入り、月の出入りと月相。suncalc 2 と同じ名前で、より正確です · エクスポート 13個 | |
@johnmorrisdotca/同じものを suncalc 1 の約束 (ラジアン、南からの方位) で · エクスポート 12個 | |
@johnmorrisdotca/すべての準惑星の位置の表 (ケレスと、動きの遅い7つ) と、木星と土星の衛星の理論。heliocentric と moonVector が精度ガイドの値まで正確になります · エクスポート 0個 | |
@johnmorrisdotca/ケレスの位置の表、1900年から2100年 (gzip で約14 kB) · エクスポート 0個 | |
@johnmorrisdotca/オルクス、ハウメア、クワオアー、マケマケ、ゴンゴン、エリス、セドナの位置の表、1800年から2200年 (gzip で約5 kB) · エクスポート 0個 | |
@johnmorrisdotca/水星から海王星までのより細かい VSOP87B 級数。1800年から2200年の60日でホライズンズとの差が2秒角以内 (gzip で約32 kB、./tables には含まれません) · エクスポート 0個 | |
@johnmorrisdotca/イオ、エウロパ、ガニメデ、カリストを L1.2 理論 (レイネ、デュリエ、ヴィエンヌ) で計算、1130年から2760年 (gzip で約5 kB) · エクスポート 0個 | |
@johnmorrisdotca/ミマス、エンケラドス、テティス、ディオネ、レア、タイタン、イアペトゥスを TASS1.7 理論 (ヴィエンヌ、デュリエ) で計算 (gzip で約7 kB) · エクスポート 0個 | |
@johnmorrisdotca/three.js での描き方 · エクスポート 5個 | |
@johnmorrisdotca/自分の three.js シーンに置く天体 · エクスポート 12個 | |
@johnmorrisdotca/すべての天体の陰影つきの見た目 · エクスポート 0個 | |
@johnmorrisdotca/太陽の陰影つきの見た目 · エクスポート 0個 | |
@johnmorrisdotca/水星の陰影つきの見た目 · エクスポート 0個 | |
@johnmorrisdotca/金星の陰影つきの見た目 · エクスポート 0個 | |
@johnmorrisdotca/火星の陰影つきの見た目 · エクスポート 0個 | |
@johnmorrisdotca/木星の陰影つきの見た目 · エクスポート 0個 | |
@johnmorrisdotca/土星の陰影つきの見た目 · エクスポート 0個 | |
@johnmorrisdotca/天王星の陰影つきの見た目 · エクスポート 0個 | |
@johnmorrisdotca/海王星の陰影つきの見た目 · エクスポート 0個 | |
@johnmorrisdotca/冥王星の陰影つきの見た目 · エクスポート 0個 | |
@johnmorrisdotca/準惑星の陰影つきの見た目 (ケレス、オルクス、ハウメア、クワオアー、マケマケ、ゴンゴン、エリス、セドナ) · エクスポート 0個 | |
@johnmorrisdotca/月の陰影つきの見た目 · エクスポート 0個 | |
@johnmorrisdotca/フォボスとダイモスの陰影つきの見た目 · エクスポート 0個 | |
@johnmorrisdotca/ガリレオ衛星の陰影つきの見た目 · エクスポート 0個 | |
@johnmorrisdotca/土星の衛星の陰影つきの見た目 · エクスポート 0個 | |
@johnmorrisdotca/天王星の衛星の陰影つきの見た目 · エクスポート 0個 | |
@johnmorrisdotca/海王星の衛星の陰影つきの見た目 · エクスポート 0個 | |
@johnmorrisdotca/冥王星の衛星の陰影つきの見た目 · エクスポート 0個 | |
@johnmorrisdotca/準惑星の衛星の陰影つきの見た目 (ヴァント、ヒイアカ、ナマカ、ディスノミア) · エクスポート 0個 | |
@johnmorrisdotca/地球 (chikyu-earth が描く) · エクスポート 0個 | |
@johnmorrisdotca/座標変換 · エクスポート 15個 | |
@johnmorrisdotca/データ・線画・位置 · エクスポート 57個 |
ガイド
やり方
- HTMLページにCDNから入れるscriptタグ1つで、jsDelivrやunpkgから惑星をページに入れます。陰影つきも同じです。
- Viteやwebpackなどのバンドラーで使うバンドラーのアプリで要素をimportします。必要な天体だけを選び、線画だけのページに three.js を入れないようにします。
- 自分のページに入れるデモで天体を決めて、HTML、ESモジュール、React、Vue、Angular、Svelte、iframe のそのまま動くコードをコピーします。
- React・Vue・Svelte・Angularで使うフレームワークごとのコンポーネントです。ブラウザー専用のimportは、サーバー描画が通らない場所に置きます。
- iframeで埋め込むiframe 1つで、自分のスクリプトなしに、他人のページに天体を出します。
- TypeScriptとNodeサーバーで天体をSVG文字列として描きます。衛星の位置を調べ、型を使います。
- 見た目と天体見た目、天体ごとのエントリー、three.js、画像、ページを軽く保つ決まり。
- 集合写真ビルダー太陽系の天体を好きなだけ一枚に並べ、光を当てて、コードや保存用の絵を取り出します。
- 衛星と時間ある日時の衛星の位置つきで惑星を描きます。時間を速く進めることもできます。
- 自分の three.js シーンで使う本物の太陽・惑星・冥王星・衛星を、すでにある three.js のシーンに置きます。chikyu-earth の宇宙ビューが例です。
- 座標変換度単位の角度、名前付き座標系、AU 単位の成分を使う純粋な座標変換。
- 場所から見た太陽と月緯度と経度から、太陽と月の位置、日の出と日の入り、月の出入りと月相を求めます。suncalc 2 と同じ名前で、より正確なエンジンです。
- 時刻ユリウス日、暦、時刻系、恒星時、火星の時刻。数キロバイトで、依存はありません。
- 望遠鏡なしで見える星6.0 等級までの5,080個の星。名前、位置、固有運動、距離、色。gzip で約100 kB、依存はありません。
- 宇宙ビュー地球・月・太陽・惑星を、好きな日時の場所に置きます。月の満ち欠けも、地球の昼の側も、本物の太陽の光から決まります。縮尺は二通り、時間は前にも後ろにも進み、地球から太陽系ぜんぶまでズームできます。
- 乗って見るカメラを動く点 (衛星、惑星、自分で用意したもの) に乗せて、その点が回る天体を真下や地平線の向きで見ます。天体は半径で決まるので、どの天体でも使えます。
- 有名な探査機パイオニア10号からウェッブ望遠鏡まで、有名な探査機10機。情報、航海の出来事、任意の日の位置を、JPL Horizons に合わせて用意しました。探査機ごとに別の表で、gzip で 2〜127 kB です。
- 近くにあるもの、近づく時刻ある日付に、ある天体にいちばん近い天体を、空の見かけの角度か宇宙での距離でさがします。2つの天体がいちばん近づく時刻も、JPL Horizons と秒の単位で比べて確かめています。
- ズームと移動パッケージのどの表示も、ドラッグ、ピンチ、ホイール、キーでズームも移動もできます。ページに操作部品は要りません。要素ごとのズームの範囲と、その理由、手を外す方法、共通のバーを足す方法も説明します。
- データファイル天体、軌道、探査機の表を使います。
- 自分でサーバーを動かす自分のコンピューターで小さな JSON サービスを動かします。
解説
- なぜパッケージが2つあるのかwakusei-planets と chikyu-earth がそれぞれ何をするか、どちらを入れればよいか、1つだけで使うときと2つ一緒に使うときを説明します。
- しくみ数値の出どころ、天体の向きの決め方、たくさん置いても軽い理由。
- アーキテクチャ事実、位置、線画、陰影つきの見た目、要素がどう組み合わさっているか、そして純粋な部分がどこでも動く理由を説明します。
- 精度惑星と衛星の位置が JPL Horizons からどれだけ離れているかを天体ごとに示し、それぞれの作り方を説明します。
困ったとき・よくある質問
アップグレード
- 変更履歴@johnmorrisdotca/wakusei-planets 0.24.0 のソースから作成しました。
- すべてのエクスポートを1ページでapi.html
- 言語モデル向けのドキュメントllms.txt · llms-full.txt
この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。