Slide 1

Slide 1 text

箱根駅伝 3D とその他いろいろ 草薙 昭彦 AKIHIKO KUSANAGI

Slide 2

Slide 2 text

⾃⼰紹介 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

Slide 3

Slide 3 text

Mapbox Japan アンバサダー に就任いたしました u 古橋先⽣に続け︕ u デジタル地図の新しい使い⽅を切り 開くべく、Mapbox およびコミュニ ティの皆さんと共に⾊々な試みを進 めてまいります

Slide 4

Slide 4 text

箱根駅伝 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」で検索

Slide 5

Slide 5 text

Ukraine Live Cams u ウクライナのライブカメラを3D地図にマッピン グ u Mini Tokyo 3D のライブカメラ機能を流⽤ u サーバ側: ⽤意したライブカメラのリストを元に YouTube を巡回、最新のリンクを取得 u ブラウザ側: 地図上にマーカーを表⽰、クリック 時に映像と同じズーム、⽅⾓、傾きで3D地図を 表⽰、YouTube 映像を埋め込み表⽰ u ⾚丸の数字は YouTube 視聴者数 – どの映像が 注⽬されているかが⼀眼でわかる u ⽇々カメラが⼊れ替わるので、随時更新中 https://nagix.github.io/ukraine-livecams