Three.jsで新宿駅構内図を3Dで可視化してみる - Qiita
これは MIERUNE AdventCalendar 2023 24日目の記事です! 昨日は@northprintさんによるSvelteKitでURLクエリパラメーターの操作をするでした。 はじめに この記事では新宿駅の屋内地図データを使用して、Three.jsで3Dによる可視化をします。 DEMOはコチラ 使用するデータ 今回は、G空間情報センターで公開されている「新宿駅屋内地図オープンデータ」の統合版（ShapeFile）を使用します。 データについての詳細は製品仕様書に記載されています。 この記事のように、データの加工利用には以下の出典が必要となります。 コンテンツを編集・加工等して利用する場合は、上記出典とは別に、編集・加工等を行ったことを記載してください。なお、編集・加工した情報を、あたかも国（又は府省等）が作成したかのような態様で公表・利用してはいけません。（コンテンツを編集・
東京メトロの動きを3Dで視覚化した「metrogram3D」が幻想的でかっこいい
多くの地下鉄が複雑に張り巡らされている東京の地下。普段はなかなか意識することのないその動きを、3D表現で目に見えるようにしたサイト「metrogram3D」が登場しました。 metrogram3D 東京メトロのデータをもとに、地下鉄の動きを視覚化したリアルタイムシミュレーションWebアプリ。駅がどのくらいの深さに位置するのかを立体的に表現し、時刻表通りに各路線の電車を動かすことで、東京の地下をどんな風に電車が動いているのかを眺めることができるようになっています。カメラ視点は東京メトロ全域を表示する「俯瞰ビュー」のほか、各路線をカメラが追いかける「ラインビュー」や特定の駅を中心にカメラが回り続ける「駅ビュー」などが用意されています。 日中の都心部は特に多くの地下鉄が走っています 電車視点から表示するとこの臨場感 「metrogram3D」は、昨年のアプリケーション開発コンテスト「東京メトロ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
