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
40
Lidarであそぼ
めぐろLT#10の資料です
K1mu21
March 12, 2024
Tweet
Share
More Decks by K1mu21
See All by K1mu21
Rust勉強会1回目の資料
k1mu21
0
30
ギャレトレ勉強会
k1mu21
0
16
リプレイスでやったこと
k1mu21
1
37
Cloudflareいいぞ
k1mu21
1
76
静的解析ツールを導入した話
k1mu21
1
170
WebGLを触ってみよう
k1mu21
1
41
GoのAirを使ってみた話
k1mu21
0
77
学生から社会人1年目を通して
k1mu21
2
210
データベースで沼った話
k1mu21
0
56
Other Decks in Programming
See All in Programming
時計仕掛けのCompose
mkeeda
1
300
Honoをフロントエンドで使う 3つのやり方
yusukebe
7
3.4k
クリーンアーキテクチャから見る依存の向きの大切さ
shimabox
3
820
CDK開発におけるコーディング規約の運用
yamanashi_ren01
2
170
Django NinjaによるAPI開発の効率化とリプレースの実践
kashewnuts
1
110
GAEログのコスト削減
mot_techtalk
0
120
技術を根付かせる / How to make technology take root
kubode
1
250
Pulsar2 を雰囲気で使ってみよう
anoken
0
240
富山発の個人開発サービスで日本中の学校の業務を改善した話
krpk1900
5
390
昭和の職場からアジャイルの世界へ
kumagoro95
1
400
AWS Organizations で実現する、 マルチ AWS アカウントのルートユーザー管理からの脱却
atpons
0
150
GoとPHPのインターフェイスの違い
shimabox
2
200
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
114
50k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
30
4.6k
How to train your dragon (web standard)
notwaldorf
91
5.8k
The Cost Of JavaScript in 2023
addyosmani
47
7.3k
Agile that works and the tools we love
rasmusluckow
328
21k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
Testing 201, or: Great Expectations
jmmastey
42
7.2k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.3k
Code Reviewing Like a Champion
maltzj
521
39k
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の向上も狙えると思う
皆さんも遊んでみてください!
告知
モデルを生成 • 赤い部分はスキャンができ ていないため、無くしていく ことでモデルの生成の精度 が上がる