前提
webARで3Dキャラクターを表示させようと思っています。
ググったりして下記のようにコードを書いて3Dデータを用意して、
サーバーにアップロードしたのですが、ARマーカーにカメラをかざしても
3Dキャラが表示されません。
その他の動画や画像などのARでの表示はできています。
3Dデータのみ表示されません。
ロリポップサーバーを使っているのでサーバーの問題なのかと思い、
Xサーバーを使ってみましたが結果は変わらず…。
また3Dデータの拡張子がobjなのでglbに変えてみましたが、これも結果は変わらず…。
どうしたらobj拡張子で3Dキャラを表示させられるでしょうか?
該当のソースコード
<!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densityDpi=device-dpi" /> <script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script> <script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar.js"></script> <script src="https://raw.githack.com/AR-js-org/studio-backend/master/src/modules/marker/tools/gesture-detector.js"></script> <script src="https://raw.githack.com/AR-js-org/studio-backend/master/src/modules/marker/tools/gesture-handler.js"></script> <script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar.js"></script> </head> <body style="margin: 0; overflow: hidden;"> <a-scene embedded arjs> <!-- 3Dモデルを読み込む --> <a-assets> <a-asset-item id="mario-obj" src="assets/mario.obj"></a-asset-item> <a-asset-item id="mario-mtl" src="assets/mario.mtl"></a-asset-item> </a-assets> <!-- マーカーの.pattファイルを読み込む --> <a-marker type="pattern" url="assets/marker.patt"> <!-- 3Dモデルを呼び出す --> <a-obj-model position="0 0 0" scale="0.1 0.1 0.1" rotation="0 180 180" src="#mario-obj" mtl="#mario-mtl"></a-obj-model> </a-marker> <a-entity camera></a-entity> </a-scene> </body> </html>
回答1件
あなたの回答
tips
プレビュー