WebAR
WebARの開発まとめ
メリット
体験者の導入ハードル軽減
デメリット
OS問わず安定動作するWebARのフレームワークがまだ少ない
ImageTracking(MindAR)
CodeforYamaguchi
体験URL
https://c4y-mind-ar.vercel.app/
マーカー画像
https://scrapbox.io/files/67f2d57ea583081c460d1371.png
体験動画
https://www.youtube.com/watch?v=HNUuvZqrvLE
ConnectV
体験URL
https://webar-example.vercel.app/
マーカー画像
https://scrapbox.io/files/67f2d609e8934463b7ca73e3.png
体験動画
https://youtube.com/shorts/Tc5jh5OfWwg?feature=share
model-viewer
3DモデルをWebで見られる、デバイス問わず空間に配置できるという意味で有力
インタラクションはあまり付けられない
ロボコンWebAR
体験URL
https://model-viewer-example-three.vercel.app/
https://x.gd/yGzef
8thWall
https://x.com/tanufuku/status/1780786566052606323
https://www.youtube.com/watch?v=IHBogKlSMWg
RITTAI
RITTAI AR
https://rittai-service.com/index.html?item=item_bNwcnuosQ2kPimhItGw1k&cp=cp_lcgWr-Wpu1bs%20target=
RITTAI ROOM VR
https://rittai-service.com/room/index.html?store_id=store_-O5U43OerMm0l3AgLmQcS&mode=VR
WebXR Device API
https://www.crossroad-tech.com/entry/babylonjs-webxr-ar
iOSで6DoFできないのが難点
Three.js 3DoF
https://x.com/blackcatyuma/status/2002638849919651864
参考
どのWebARが一番スゴイ?画像認識のAR精度を徹底比較! | QOMPASS LOGS
他の方のコンテンツ
https://deteqle.com/ar/dadakone-ojisan
https://xrkaigi2024.lab.zozo.jp/ar/XR_01
https://www.less-ar.com/spacear/bbf141f7-028a-4233-b1af-654a17fd988d
https://vr-murakamicastle.jp/sakuji/sakuji_017.html