箱根駅伝 3D とその他いろいろ

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/

Transcript

1. 箱根駅伝 3D とその他いろいろ 草薙 昭彦 AKIHIKO KUSANAGI
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
3. Mapbox Japan アンバサダー に就任いたしました u 古橋先⽣に続け︕ u デジタル地図の新しい使い⽅を切り 開くべく、Mapbox およびコミュニ ティの皆さんと共に⾊々な試みを進 めてまいります
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