diff --git a/image-traking b/image-traking new file mode 100644 index 0000000..0f33bef --- /dev/null +++ b/image-traking @@ -0,0 +1,52 @@ +< script src = " https://cdn.jsdelivr.net/gh/aframevr/aframe@1c2407b26c61958baa93967b5412487cd94b290b/dist/aframe-master.min.js " > +< script src = " https://raw.githack .com / AR-js-org / AR.js / master / aframe / build / aframe-ar-nft.js " > + +<スタイル> + 。arjs-loader { + 高さ: 100 % ; + 幅: 100 % ; + 位置:絶対; + 上: 0 ; + 左: 0 ; + 背景色: RGBA(0 、 0 、 0 、 0.8)。 + z-index : 9999 ; + 表示:フレックス; + justify-content : center; + 整列-アイテム:中央; + } + + 。arjs-loader div { + text-align : center; + フォントサイズ: 1.25 em ; + 色:白; + } + + +debugUIEnabled:false; 「」 + + + + + + + + > + <!-クロスオリジンの問題を回避するためにcorsプロキシを使用しています注意!サーバーを設定する必要があります-> + < a-nft + type = " nft " + url = " your-server / https://raw.githack.com/AR-js-org/AR.js/master/aframe/ examples / image-tracking / nft / trex / trex-image / trex " + smooth =" true " + smoothCount =" 10 " + smoothTolerance =" .01 " + smoothThreshold =" 5 " + > + < a-entity + gltf-model ="your-server / https://raw.githack.com/AR-js-org/AR.js/master/aframe/examples/image-tracking/nft/trex/scene.gltf " + scale =" 5 5 5 " + position = " 50 150 0 " + > + + + < a-entity camera > + +