Q&A前提・実現したいこと
AR.jsでスマホのカメラに画像を表示させたいが表示されないです。
発生している問題・エラーメッセージ
マーカーの画像にスマホのカメラをむけているのですが設定した画像が表示されません。
該当のソースコード
<!doctype HTML> <html> <head><meta charset="UFT-8"><script src="https://aframe.io/releases/0.9.2/aframe.min.js"></script><script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.6.2/aframe/build/aframe-ar.js"></script> </head> <body> <a-assets> <img id="AAA" src="bas1502y.png"> </a-assets> <a-scene embedded arjs="debugUIEnabled: false" vr-mode-ui="enabled: false"> <a-marker preset="custom" type="pattern" url="pattern-enka.patt" material arjs-anchor arjs-hit-testing> <a-image class="AAA" src="#AAA" position="-0.5 0 0" rotation="-90 0 0" change-url material geometry></a-image> </a-marker> <a-entity camera raycaster= "objects: .AAA" cursor="fuse: false; rayOrigin: mouse;"></a-entity> </a-scene> </body> </html>
試したこと
画像やpattのパスなども色々いじってみましたが画像はカメラに表示されませんでした。
ググっているのですがobjなどの3Dデータを表示させる方法を載せているサイトが多く画像バージョンは
どうすればいいかわからなく質問しました。
回答1件
0
ベストアンサー
pattデータがうまくダウンロードできていなかったようで壊れていたのが原因でした。
失礼しました。
投稿2022/02/09 07:55
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。