model-viewer
- <model-viewer ar src="path/to/glb" ios-src="path/to/usdz" /> と書くだけでAR体験できるやつ
興味持った点
- ARが簡単
- Android、iPhone両対応
興味を失った点
- 他のWeb技術と組み合わせられない
- WebXR の未来はこれじゃない
わかったこと
- Android では SceneViewer を起動してる
- iPhone では AR Quick Look を起動してる
- どっちもアプリ起動みたいなもの、WebGLとかじゃない、Canvasに描画して欲しかった
ブラウザから SceneViewer を起動してる
- Android Intents with Chrome
- 次みたいなリンクを作ってる
- intent スキーマ初めてみた
sceneviewer
<a href="intent://modelviewer.dev/examples/assets/Astronaut.glb#Intent;scheme=https;package=com.google.android.googlequicksearchbox;action=android.intent.action.VIEW;S.browser_fallback_url=https://developers.google.com/ar;end;">android</a>
ブラウザから QuickLook を起動してる
- Display an AR Experience in Your Web Page
- In-place viewing of USDZ
- 次みたいなリンクを作ってる
- 空でいいから img タグが必要とかエグい
- リンクをスクリプトで即 click してる
quicklook
<a rel='ar' href="https://modelviewer.dev/examples/assets/Astronaut.usdz" ><img /></a>
以上