← すべてのプロジェクト

個人 · 2026

PlanesView

世界の航空交通をフォトリアルな地球儀上でリアルタイムに表示し、どの機体でもコックピットからの視点を再現。

地図:世界の航空交通をフォトリアルな地球儀上でリアルタイム表示
地図:世界の航空交通をフォトリアルな地球儀上でリアルタイム表示
着陸進入中の機体のコックピットから、周囲の他の機体を見る
着陸進入中の機体のコックピットから、周囲の他の機体を見る
PlanesViewのトップページ
PlanesViewのトップページ

ストーリー

当初の要件は「バックエンドなし」でした。ADS-BフィードのCORSヘッダーをプロバイダーごとに計測したところ、4つのADS-Bプロバイダーがウェブページからの呼び出しを拒否しました。「無料、キー不要、アカウント不要」という条件を諦める代わりに、ファイルで固定したオリジンにしか到達できない、ホワイトリスト方式の最小限のリレーを設計しました。

位置情報は約1秒に1回届きます。「遅れた」機体を一度も表示せずに毎秒60フレームの滑らかな動きを得るため、各機体を等速のカルマンフィルターで追跡し、軸ごとに2つのフィルターに分解しています(伝播する項は16ではなく4)。

地球儀はタイルの四分木です:タイルが空になることはなく(祖先のテクスチャを借ります)、ディテールはフェードで鮮明になり、親は4つの子がすべて構築されてから置き換えられ、IndexedDBのキャッシュは飛行経路に沿って事前に温められます。

ここから得たこと

決める前に測る:要件は1点で間違っていて、正しい答えは厳密に限定された小さなリレーでした。また、「もっともらしく間違う」数学(測地学、投影法)こそ最も多くのテストが必要だと学びました。