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
60
Lidarであそぼ
めぐろLT#10の資料です
K1mu21
March 12, 2024
Tweet
Share
More Decks by K1mu21
See All by K1mu21
dependabotを導入して失敗した話
k1mu21
0
120
Rust勉強会1回目の資料
k1mu21
0
51
ギャレトレ勉強会
k1mu21
0
42
リプレイスでやったこと
k1mu21
1
59
Cloudflareいいぞ
k1mu21
1
110
静的解析ツールを導入した話
k1mu21
1
210
WebGLを触ってみよう
k1mu21
1
49
GoのAirを使ってみた話
k1mu21
0
120
学生から社会人1年目を通して
k1mu21
2
230
Other Decks in Programming
See All in Programming
Android16 Migration Stories ~Building a Pattern for Android OS upgrades~
reoandroider
0
120
チームの境界をブチ抜いていけ
tokai235
0
180
なぜGoのジェネリクスはこの形なのか? Featherweight Goが明かす設計の核心
ryotaros
7
1.1k
iOSエンジニア向けの英語学習アプリを作る!
yukawashouhei
0
200
SwiftDataを使って10万件のデータを読み書きする
akidon0000
0
150
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
410
3年ぶりにコードを書いた元CTOが Claude Codeと30分でMVPを作った話
maikokojima
0
490
CSC509 Lecture 04
javiergs
PRO
0
300
非同期jobをtransaction内で 呼ぶなよ!絶対に呼ぶなよ!
alstrocrack
0
970
大規模アプリのDIフレームワーク刷新戦略 ~過去最大規模の並行開発を止めずにアプリ全体に導入するまで~
mot_techtalk
1
450
2分台で1500examples完走!爆速CIを支える環境構築術 - Kaigi on Rails 2025
falcon8823
3
3.7k
オープンソースソフトウェアへの解像度🔬
utam0k
16
3k
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
526
40k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
10
870
Speed Design
sergeychernyshev
32
1.2k
4 Signs Your Business is Dying
shpigford
185
22k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
The Language of Interfaces
destraynor
162
25k
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の向上も狙えると思う
皆さんも遊んでみてください!
告知
モデルを生成 • 赤い部分はスキャンができ ていないため、無くしていく ことでモデルの生成の精度 が上がる