Lidarであそぼ

めぐろLT＃１０の資料です

Transcript

1. LiDARであそぼ
2. • 木村 宗吾 (k1mu) • 所属 ◦ 株式会社ラクーンホールディングス 技術 戦略部 • 領域 ◦ バックエンド(+フロントエンド) • 言語 ◦ 業務 ▪ Java PHP ◦ 業務外 ▪ Go C(++) • X ◦ @detunote
3. 3Dモデルの生成
4. 3Dモデルを生成するには？ • BrendarやMayaで１からモデルを生成する ◦ オブジェクトに関する知識が必要になったりするので意外と手間
5. LiDARについて
6. LiDARって知っていますか？ • LiDARとは ◦ LiDARは「Light Detection And Ranging」の略。
 ◦ レーザー光を照射して、その反射光の情報をもとに対象物までの距離や対象物の形 などを計測する技術
 
 • LiDARの利用場面
 ◦ 飛行機に搭載して空から測量して地形図を作成
 ◦ 宇宙分野で利用されているらしい

7. 実は... • このLiDARは身近な所にも隠れてい る。 ◦ iPhone12 Pro以上のデバイスに搭載されて いる ◦ M1以降のiPad Proにも搭載されている ◦ ちゃんと調べてないけどAndroidにも搭載し てる機種があるらしい...
8. LiDARを使って3Dモデルを作成
9. LiDARでモデルをスキャンするには • 今回はScanivaceという既存のアプリを利用してモデルを作りました
10. 生成した3Dモデル • 荒い部分があるがかなり精 巧に再現されている • 机上のケーブルなど細か いものも生成されている
11. モデルをARに利用 • RealityKitを利用してARモ デルを表示するコード model-viewer

12. モデルをARに利用 • ARで生成したモデルを表 示した • RealityKitが平面を検知し て表示している
13. モデルをWebに利用 • model-viewerというJSラ イブラリを使用 https://modelviewer.dev • WebGLやWebXRを使用 し、高速で滑らかな3D表 示が可能
14. モデルをWebに利用 • WebGLを利用して作成した 3Dモデルを表示した
15. まとめ
16. まとめ • 身近にあるデバイスで3Dモデルを生成することができる ◦ Brendarなどでモデルを一から作ることに比べると粗い ◦ スマホ1つでモデルを作れるのが強み ▪ 実はLiDARがついていないiPhoneでもScanivaceを使えば生成できちゃう • 3DモデルはARだけではなくWeb上でも利用できる ◦ Webページ上で表示するには3Dモデルはサイズが大きいのでパフォーマンスがかなり落 ちる ◦ 落ちるが、全体像を見れるので UXの向上も狙えると思う
17. 皆さんも遊んでみてください！
18. 告知
19. モデルを生成 • 赤い部分はスキャンができ ていないため、無くしていく ことでモデルの生成の精度 が上がる