Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Lidarであそぼ
Search
K1mu21
March 12, 2024
Programming
0
18
Lidarであそぼ
めぐろLT#10の資料です
K1mu21
March 12, 2024
Tweet
Share
More Decks by K1mu21
See All by K1mu21
WebGLを触ってみよう
k1mu21
1
10
GoのAirを使ってみた話
k1mu21
0
18
学生から社会人1年目を通して
k1mu21
2
150
データベースで沼った話
k1mu21
0
26
Other Decks in Programming
See All in Programming
Ruby GitHub Packages
bkuhlmann
0
650
SIMD Parallel Programming with the Vector API
josepaumard
0
240
Amazon SQSコンシューマー疎結合への旅 - 出張! #DevelopersIO IT技術ブログの中の人が語る勉強会 #3
quiver
0
330
冗長なエラーログを削減し、スタックトレースを手に入れる / Reducing Verbose Error Logs and Obtaining Stack Traces
upamune
0
1.1k
AppRouter Panel Talk
yosuke_furukawa
PRO
1
490
Webアプリをできるだけコードを手書きしないで作ってみる
tomokusaba
2
190
Behind VS Code Extensions for JavaScript / TypeScript Linnting and Formatting
unvalley
6
1.3k
はてなにおける CSS Modules、及び CSS Modules に足りないもの / CSS Modules in Hatena, and CSS Modules missing parts
mizdra
7
990
Next.js App Router
quramy
12
2k
CREってこういうこと? 体験入社 - 提案資料 - / what-is-cre-trial-employment
shinden
1
560
Polars入門
daikikatsuragawa
1
190
障害対応を起点としたもっといい開発と運用のサイクル作りのためにできること / Hatena Enginner Seminar #29
polamjag
0
410
Featured
See All Featured
Code Review Best Practice
trishagee
56
15k
What’s in a name? Adding method to the madness
productmarketing
PRO
17
2.7k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
126
32k
WebSockets: Embracing the real-time Web
robhawkes
59
7k
Atom: Resistance is Futile
akmur
260
25k
Imperfection Machines: The Place of Print at Facebook
scottboms
261
12k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
22
1.6k
How STYLIGHT went responsive
nonsquared
92
4.8k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
358
22k
How to train your dragon (web standard)
notwaldorf
75
5.2k
YesSQL, Process and Tooling at Scale
rocio
165
13k
We Have a Design System, Now What?
morganepeng
43
6.8k
Transcript
LiDARであそぼ
• 木村 宗吾 (k1mu) • 所属 ◦ 株式会社ラクーンホールディングス 技術 戦略部
• 領域 ◦ バックエンド(+フロントエンド) • 言語 ◦ 業務 ▪ Java PHP ◦ 業務外 ▪ Go C(++) • X ◦ @detunote
3Dモデルの生成
3Dモデルを生成するには? • BrendarやMayaで1からモデルを生成する ◦ オブジェクトに関する知識が必要になったりするので意外と手間
LiDARについて
LiDARって知っていますか? • LiDARとは ◦ LiDARは「Light Detection And Ranging」の略。 ◦ レーザー光を照射して、その反射光の情報をもとに対象物までの距離や対象物の形
などを計測する技術 • LiDARの利用場面 ◦ 飛行機に搭載して空から測量して地形図を作成 ◦ 宇宙分野で利用されているらしい
実は... • このLiDARは身近な所にも隠れてい る。 ◦ iPhone12 Pro以上のデバイスに搭載されて いる ◦ M1以降のiPad
Proにも搭載されている ◦ ちゃんと調べてないけどAndroidにも搭載し てる機種があるらしい...
LiDARを使って3Dモデルを作成
LiDARでモデルをスキャンするには • 今回はScanivaceという既存のアプリを利用してモデルを作りました
生成した3Dモデル • 荒い部分があるがかなり精 巧に再現されている • 机上のケーブルなど細か いものも生成されている
モデルをARに利用 • RealityKitを利用してARモ デルを表示するコード model-viewer
モデルをARに利用 • ARで生成したモデルを表 示した • RealityKitが平面を検知し て表示している
モデルをWebに利用 • model-viewerというJSラ イブラリを使用 https://modelviewer.dev • WebGLやWebXRを使用 し、高速で滑らかな3D表 示が可能
モデルをWebに利用 • WebGLを利用して作成した 3Dモデルを表示した
まとめ
まとめ • 身近にあるデバイスで3Dモデルを生成することができる ◦ Brendarなどでモデルを一から作ることに比べると粗い ◦ スマホ1つでモデルを作れるのが強み ▪ 実はLiDARがついていないiPhoneでもScanivaceを使えば生成できちゃう •
3DモデルはARだけではなくWeb上でも利用できる ◦ Webページ上で表示するには3Dモデルはサイズが大きいのでパフォーマンスがかなり落 ちる ◦ 落ちるが、全体像を見れるので UXの向上も狙えると思う
皆さんも遊んでみてください!
告知
モデルを生成 • 赤い部分はスキャンができ ていないため、無くしていく ことでモデルの生成の精度 が上がる