
世界の動くものをリアルタイムで表示する3Dマップ:船舶のライブトラフィック(AIS)、航空機、 衛星、海底ケーブル、港湾、チョークポイント、宇宙天気 — これらを 150万点の地形クラウドとして描画し、昼夜の変化、海洋シミュレーション、映画的なカメラワークを備えています。 Three.jsとプレーンなESモジュールで構築。ビルドステップ不要、フレームワーク不要。
▶ ライブデモ — サインアップ不要です: 最初の画面でVIEW DEMOをクリックすると合成トラフィックを表示、または無料の aisstream.ioのAPIキーを貼り付けるとライブの全球船舶データを表示します。

git clone https://github.com/jamalrfordii-arch/Vanguard-Map.git
cd Vanguard-Map
npx serve . # or: python -m http.server 3000
http://localhost:3000 をハードウェアアクセラレーション対応のChromiumブラウザで開いてください。
ライブ船舶データ(無料): アプリは初回ロード時に aisstream.io の APIキーを要求します — 無料サインアップで、キーはブラウザのlocalStorageに保存されます。
高解像度地形タイル(オプション): cesium.com/ion → Access Tokens で無料トークンを取得し、
その後DevToolsで:
localStorage.setItem('vg1_cesium_token', 'YOUR_TOKEN') を実行。設定しない場合、マップは
すべてのズームレベルでポイントクラウド地形を使用します。
フライト&AIコパイロット(オプション): ローカルプロキシが必要です —
別のターミナルで node flight-proxy.js を実行。これがないとそれらのレイヤーは動作しませんが、
それ以外はすべて動作します。
マップはシミュレーションされた時計とプラグ可能なデータソースで動作します — DevToolsコンソール:
simClock.setTime('2026-05-10T12:00:00Z') // scrub the world to any moment
simClock.setRate(60) // 1 real second = 1 sim minute
vg1Scenario.load('./scenarios/hormuz-demo.json') // inject scripted synthetic vessels
vg1Scenario.record(); vg1Scenario.save() // capture live AIS to NDJSON
vg1Scenario.replay('./captures/x.ndjson') // replay a capture
vg1Invariants.stats() // physics-violation ledger (spoof/teleport detection)
合成船舶は予約済みの 999… MMSIを使用し、scenarios/*.json でスクリプト化されています。
node tests/invariants.test.mjs
ドメインごとに1つのマネージャー(aisManager、flightManager、satelliteManager、...)があり、
vg1:* DOMイベントのみを介して通信します — 相互インポートはありません。すべての位置報告は
物理不変条件ゲート(invariants.js)を通過してからでないとエンティティを移動できません。
完全なモジュールマップと貢献ルールについては CLAUDE.md を参照してください。
GitHub Issue を開いてください — バグ報告、機能アイデア、「自分のマシンでN fpsで動作しました」という報告はすべて役立ちます。