Mini Linear 3D 開発日誌

草薙 昭彦 @nagix

あ、一つ面白そうなの思いついた。Mini Linear 3D。リニア中央新幹線をMini Tokyo 3Dみたいにシミュレートできるやつ pic.twitter.com/tRZpdEDTdo

拡大

草薙 昭彦 @nagix

さすがOpenStreetMap、リニア中央新幹線のルートはバッチリですね🗺️ openstreetmap.org/relation/12373… pic.twitter.com/jKeF5sGIsj

拡大

草薙 昭彦 @nagix

リニア中央新幹線のルートと駅をとりあえず3Dマップに貼り付けてみた。が、欲しいのはルートの深度データだ pic.twitter.com/YqtBH69m3s

拡大

草薙 昭彦 @nagix

甲府盆地を疾走するリニア中央新幹線。これはアツいぜ！ pic.twitter.com/DMcRA0zK7O

草薙 昭彦 @nagix

おー、この線路縦断面図はかなり正確な深度データが取れる company.jr-central.co.jp/chuoshinkansen… pic.twitter.com/yxyTnlRPHZ

拡大

草薙 昭彦 @nagix

リニア中央新幹線の線路縦断面図を見ていたら、「東京湾霊岸島」なる不穏な雰囲気の島の名前が書かれていたので何事！？と思ったら、地理マニアとして不勉強でした、東京湾平均海面の基準となった新川の「霊岸島量水標」のことね〜 pic.twitter.com/vtDBxiSDcc

拡大

拡大

草薙 昭彦 @nagix

GeoJson化したルートの折れ線の距離と実際の線路に沿った距離は少しずれる。そこで、品川駅からの距離に一定の係数を掛けた上で1kmごとにマークしたマップを線路平面図と見比べてチェック company.jr-central.co.jp/chuoshinkansen… pic.twitter.com/aZL6XBzIMP

拡大

拡大

草薙 昭彦 @nagix

ルートを辿っていくとちゃんと工事用の大きな穴が確認できる〜。こちらは北品川非常口🕳️ pic.twitter.com/8gMGA5wQyE

拡大

拡大

草薙 昭彦 @nagix

こちらは等々力非常口🕳️ pic.twitter.com/wnbclMXSlA

拡大

拡大

草薙 昭彦 @nagix

こちらは梶ヶ谷非常口🕳️ 現代日本のミステリーサークルだな🛸 pic.twitter.com/popAlQtpMo

拡大

拡大

草薙 昭彦 @nagix

ルートの標高データを入れてみた。こちらは品川からずっとトンネルを走ってきたリニアが初めて地上に顔を出す相模川橋梁。約65mの高さの相模原台地段丘崖から飛び出した線路は相模川をまたぎ西岸の段丘に乗っかった後、今度は串川と圏央道をまたいで中央自動車道下方の津久井城山の山麓に突き刺さる pic.twitter.com/drxlaq4mQI

草薙 昭彦 @nagix

いけね間違えた、中央自動車道じゃなくて神奈川県道510号長竹川尻線

草薙 昭彦 @nagix

すべてのトンネルの情報を入力完了。地下部分の車両の半透明表示と、Terrainレイヤーを入れた状態で地下表示ができるように改造した。今は1時間に4本の頻度で上下線を運行中。車両追跡に対応したらとりあえず公開かな pic.twitter.com/5TFxVwFyz4

草薙 昭彦 @nagix

トンネル名を表示。ピッチ角が大きい時に引き出し線を使うの、これ一度やってみたかったのよね pic.twitter.com/LnoIEckA5A

草薙 昭彦 @nagix

ようやく車両追跡のカメラワークに目処がついた。南アルプストンネルを抜けたリニアは小渋川橋梁を越えると伊那山地トンネルに入り、中央構造線の谷に沿って流れる青木川の下をくぐって長野県駅がある伊那谷に向かう pic.twitter.com/TrD4V3LMDO

草薙 昭彦 @nagix

ようやく完成に向けて動き出しつつあるリニア中央新幹線をいち早く体験できる「Mini Linear 3D」を公開しました。本日開催の #ジオ展 のMapboxブースでも展示してますのでお立ち寄りください😉 列車は毎時0分、15分、30分、45分に東京・名古屋から発車します🕑 nagix.github.io/mini-linear-3d/ pic.twitter.com/vXSmdXrhjB

草薙 昭彦 @nagix

ソースコードはもうちょっとリファクタリングしてから公開します

草薙 昭彦 @nagix

トンネル37箇所の情報に加えて、橋梁・架道橋・線路橋59箇所の情報を追加した nagix.github.io/mini-linear-3d/ pic.twitter.com/TQtblZGyWr

草薙 昭彦 @nagix

今頭の中にあるアイデア - 速度表示 - 勾配表示 - 縦断面図と現在地の表示 - トンネル・橋梁・駅の3Dモデル - トンネル走行中の疾走感の表現 - 各駅停車列車の追加 - 大阪まで延伸 - 駅名検索でジャンプ nagix.github.io/mini-linear-3d/ pic.twitter.com/h9fr3YV51E

草薙 昭彦 @nagix

そうだ、走行中の列車がどこにいるか分かりにくいから、ワンクリックで追跡できる列車リストも必要だ