モデルを準備しています...
nasu · 0%

NASU HACKATHON / PRESENTATION

那須ハッカソン発表

現地で撮ったものを、スクロール一枚のWeb表現にしていく。

01 / FIELD SCAN

現地で、Luma AIを使ってモデルをスキャン

那須で撮ったものを、まずはLuma AIで見える形にしました。

Luma AIでスキャンしている画面
現地でLuma AIを使ってスキャン中

02 / CAPTURE TO 3D TILES

しかし、3D Tilesへの変換はうまくいかず。

Luma CaptureのようなGaussian SplattingやNeRF系の表現は、光や見た目を再現するデータです。一方、3D Tilesはメッシュとテクスチャを階層的に配信する仕組み。表現とデータ構造が違うため、単純に変換すると、スキャン時の質感や細部をそのまま保てませんでした。

03 / SEARCH

途方に暮れて、モデルを探す旅に。

現地のスキャンをそのまま運べないなら、まずはWebで出せるモデルから試してみる。

04 / NASU / 3D TILES

ナスのモデルと出会えた。

那須の発表なので、まずはナスから。ローカルの3D Tilesをスクロールで見る。

約1 MB(ローカル)active model

05 / SCALE

しかし、もっと大きいモデルが欲しい。

ナスの次は、街や建物のスケールへ。

06 / NYTIMES / INTERIOR

NYTimesの室内モデルを見つけてきた。

Ray Smith Studio。壁の絵まで綺麗に見えてくるのが楽しい。

1GB級(リモート)queued

07 / BIGGER

もっと大きいモデルで試してみたい。

室内から、さらに大きい野外モデルへ。

08 / NYTIMES / OUTDOOR

NYTimesの野外モデルを見つけてきた。

Freeman Alley。壁の絵も楽しいし、見上げる高さは野外ならでは。

1GB級(リモート)queued

09 / FORK & PUBLISH

使うだけでは足りなくて、forkした。

少しメンテが止まっていそうだったので、forkしてメンテナンス。Three.jsのアップデートやWebGPU対応を進め、修正したパッケージをnpmで公開しています。

10 / 3D ARCHIVE

写真のように見せながら、3Dの質感を残す。

3Dモデルのアーカイブは、質感を残したまま、見る人が好きな角度から見られる。写真のように見せたい瞬間をこちらでつくりながら、3Dとしての余白も渡せる。NYTimes R&Dのように、空間を残すことで、見る人の視線や動きまで設計できる。そんなWeb表現を探しています。

Source: NYT R&D / Reconstructing Journalistic Scenes in 3D

11 / THE NASU IS STILL HERE

ところで、ナスの要素なくなった?

ちゃんとあるよ。3D Tilesのloaderを、

NASA AMMOSのものにしました!!