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
39
Lidarであそぼ
めぐろLT#10の資料です
K1mu21
March 12, 2024
Tweet
Share
More Decks by K1mu21
See All by K1mu21
Rust勉強会1回目の資料
k1mu21
0
27
ギャレトレ勉強会
k1mu21
0
12
リプレイスでやったこと
k1mu21
1
35
Cloudflareいいぞ
k1mu21
1
75
静的解析ツールを導入した話
k1mu21
1
170
WebGLを触ってみよう
k1mu21
1
41
GoのAirを使ってみた話
k1mu21
0
76
学生から社会人1年目を通して
k1mu21
2
210
データベースで沼った話
k1mu21
0
55
Other Decks in Programming
See All in Programming
DROBEの生成AI活用事例 with AWS
ippey
0
130
Flutter × Firebase Genkit で加速する生成 AI アプリ開発
coborinai
0
140
チームリードになって変わったこと
isaka1022
0
190
Amazon Q Developer Proで効率化するAPI開発入門
seike460
PRO
0
110
2024年のkintone API振り返りと2025年 / kintone API look back in 2024
tasshi
0
210
バックエンドのためのアプリ内課金入門 (サブスク編)
qnighy
8
1.7k
パスキーのすべて ── 導入・UX設計・実装の紹介 / 20250213 パスキー開発者の集い
kuralab
3
650
Kanzawa.rbのLT大会を支える技術の裏側を変更する Ruby on Rails + Litestream 編
muryoimpl
0
210
Pythonでもちょっとリッチな見た目のアプリを設計してみる
ueponx
1
460
Open source software: how to live long and go far
gaelvaroquaux
0
610
Bedrock Agentsレスポンス解析によるAgentのOps
licux
2
670
AIの力でお手軽Chrome拡張機能作り
taiseiue
0
170
Featured
See All Featured
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
114
50k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Statistics for Hackers
jakevdp
797
220k
Why Our Code Smells
bkeepers
PRO
335
57k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.6k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
400
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
29
4.6k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
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の向上も狙えると思う
皆さんも遊んでみてください!
告知
モデルを生成 • 赤い部分はスキャンができ ていないため、無くしていく ことでモデルの生成の精度 が上がる