ar小Demo(aframe.js)

Demo

<style>
     #arjsDebugUIContainer {
       opacity: 0;
       /* transform: scale(); */
     }
   </style>
   <!-- 这个是一个做3d的 -->
   <script src="./aframe.min.js"></script>
 
   <!-- 添加ar 基于aframe 库的 -->
   <script src="./aframe-ar.js"></script>
 </head>
 <body style="margin: 0px; overflow: hidden">
   <!-- 来个场景标签包含所有实体 并且初始化arjs  -->
   <a-scene embedded arjs>
     <!-- 添加gltf  导入模型 -->
     <a-entity
       gltf-model="./demo/scene.gltf"
       position="0 -0.2 -1.5"
       scale="1 1 1"
       rotation="30 0 0"
     >
       <a-animation
         attribute="rotation"
         dur="3000"
         to="0 0 360"
         repeat="indefinite"
       ></a-animation>
     </a-entity>
     <!-- <a-box color="red" position="0 2 -50" rotation="0 45 45" scale="2 2 2">
     </a-box> -->
     <!-- <a-entity gltf-model="#tree" scale="0.01 0.01 0.01"></a-entity> -->
     <!-- 添加摄像头 -->
     <a-marker-camera preset="hiro"></a-marker-camera>
   </a-scene>
 </body>