Mapbox/OpenStreetMap meetup #07での発表資料です。
箱根駅伝を3Dデジタル地図上で再現した「箱根駅伝 3D」、YouTube上のウクライナのライブカメラを3D地図にマッピングした「Ukraine Live Cams」の紹介です。
箱根駅伝 3D
https://nagix.github.io/hakone-ekiden/
Ukraine Live Cams
https://nagix.github.io/ukraine-livecams/
2. ??紹介
u 草薙 昭彦 (くさなぎ あきひこ)
u Cognite 株式会社 チーフソリューションアーキテクト兼CTO Japan
u 2016年からシンガポール在住
u 最近のビジュアライゼーションワーク
u Mini Tokyo 3D
u 箱根駅伝 3D
u Mapbox GL JS Rain Layer
u Ukraine Live Cams
Twitter: @nagix
4. 箱根駅伝 3D 概要
u 箱根駅伝のリアルな3Dマップによる?配信
u 各チームの??位置をランナーの3Dモデルアニ
メーションで表?
u マップ上の?由な位置でチームを観察、テレビ
中継ではわからない下位集団の接戦も追える
u 好きなチームを「前?」「後?」「ドローン」
などの8種類のカメラ視点で追跡
u 箱根の?のダイナミックな地形の観察
u ランナーの速度変化やコース標?のチャート
u 2022/1/2?3で10,000?がアクセス、20,000PV
https://nagix.github.io/hakone-ekiden
YouTube「箱根駅伝3D」で検索
5. Ukraine Live Cams
u ウクライナのライブカメラを3D地図にマッピン
グ
u Mini Tokyo 3D のライブカメラ機能を流?
u サーバ側: ?意したライブカメラのリストを元に
YouTube を巡回、最新のリンクを取得
u ブラウザ側: 地図上にマーカーを表?、クリック
時に映像と同じズーム、??、傾きで3D地図を
表?、YouTube 映像を埋め込み表?
u ?丸の数字は YouTube 視聴者数 – どの映像が
注?されているかが?眼でわかる
u ?々カメラが?れ替わるので、随時更新中
https://nagix.github.io/ukraine-livecams