Newer
Older
C1201227-SATO / image-traking
< script  src = " https://cdn.jsdelivr.net/gh/aframevr/aframe@1c2407b26c61958baa93967b5412487cd94b290b/dist/aframe-master.min.js " > </ script > 
< 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 > 
    </ a-nft > 
    < a-entity  camera > </ a-entity > 
  </ a-scene > 
</ body >