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
20
ギャレトレ勉強会
k1mu21
0
8
リプレイスでやったこと
k1mu21
1
33
Cloudflareいいぞ
k1mu21
1
71
静的解析ツールを導入した話
k1mu21
1
160
WebGLを触ってみよう
k1mu21
1
39
GoのAirを使ってみた話
k1mu21
0
72
学生から社会人1年目を通して
k1mu21
2
210
データベースで沼った話
k1mu21
0
54
Other Decks in Programming
See All in Programming
functionalなアプローチで動的要素を排除する
ryopeko
1
930
カンファレンス動画鑑賞会のススメ / Osaka.swift #1
hironytic
0
200
振り返れば奴(Cline)がいる
keiyagi
0
130
AWSマネコンに複数のアカウントで入れるようになりました
yuhta28
2
150
オニオンアーキテクチャを使って、 Unityと.NETでコードを共有する
soi013
0
390
Java Webフレームワークの現状 / java web framework at burikaigi
kishida
9
2k
Pythonでもちょっとリッチな見た目のアプリを設計してみる
ueponx
0
220
Scaling your build logic
antalmonori
1
150
Simple組み合わせ村から大都会Railsにやってきた俺は / Coming to Rails from the Simple
moznion
3
3.7k
Запуск 1С:УХ в крупном энтерпрайзе: мечта и реальность ПМа
lamodatech
0
990
DMMオンラインサロンアプリのSwift化
hayatan
0
270
サーバーゆる勉強会 DBMS の仕組み編
kj455
1
360
Featured
See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.2k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
220
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Code Review Best Practice
trishagee
65
17k
Mobile First: as difficult as doing things right
swwweet
222
9.2k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
6
220
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Rails Girls Zürich Keynote
gr2m
94
13k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Designing for humans not robots
tammielis
250
25k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
520
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の向上も狙えると思う
皆さんも遊んでみてください!
告知
モデルを生成 • 赤い部分はスキャンができ ていないため、無くしていく ことでモデルの生成の精度 が上がる