github pagesを利用しWebARを試してみようとしています。
サンプルであるhiroマーカーでなく、オリジナルのマーカーを作成し、下記index.htmlと同じ階層にpattern-logo.pattを設置。読み込ませるようにコードを修正しましたが一向に読み込む気配がありません。
マーカーの作成はAR.js Marker Trainingを使用しました。
HTML
1<!doctype HTML> 2<html> 3<!-- A-Frame ライブラリの読み込み --> 4<script src="https://aframe.io/releases/0.8.2/aframe.min.js"></script> 5<!-- AR.js ライブラリの読み込み --> 6<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.5.0/aframe/build/aframe-ar.js"></script> 7<body style='margin : 0px; overflow: hidden;'> 8<a-scene embedded arjs="debugUIEnabled:false;trackingMethod:best;" vr-mode-ui="enabled: false"> 9 <a-assets> 10 <a-asset-item id="SB-obj" src="obj/Dolphin.obj"></a-asset-item> 11 <a-asset-item id="SB-mtl" src="obj/Dolphin.mtl"></a-asset-item> 12 </a-assets> 13 <a-marker type='pattern' url='pattern-logo.patt'> 14 <a-obj-model id="SB" src="#SB-obj" mtl="#SB-mtl" position="0 0 0" scale="0.1 0.1 0.1" rotation="0 80 0"></a-obj-model> 15 <a-text value="Thank you for coming" position="0 1 0" align="center"></a-text> 16 </a-marker> 17 <a-entity camera></a-entity> 18</a-scene> 19</body> 20</html>
![guest](/img/icon/icnUserSample.jpg)
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/11/14 01:00