<xr-scene ar-system="modes:Plane Marker; planeMode: 1;" bind:ready="handleReady" bind:ar-ready="handleARReady">
  
  <xr-assets bind:progress="handleAssetsProgress" bind:loaded="handleAssetsLoaded">

    <xr-asset-load type="gltf" asset-id="gltf-wxball" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/1.glb" />
    <xr-asset-load type="gltf" asset-id="gltf-wxball2" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/2.glb" />
    <xr-asset-load type="gltf" asset-id="gltf-wxball3" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/3.glb" />
    <xr-asset-load type="gltf" asset-id="gltf-wxball4" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/4.glb" />
    <xr-asset-load type="gltf" asset-id="gltf-wxball5" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/5.glb" />
    <xr-asset-load type="gltf" asset-id="gltf-wxball6" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/6.glb" />
  </xr-assets>
  <xr-node wx:if="{{loaded}}">
    <xr-ar-tracker mode="Marker" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/1.jpg" bind:ar-tracker-switch="handleTrackerSwitch">
      <xr-gltf id="wxball" node-id="mesh-gltf-wxball" position="0 0 0" rotation="0 0 0" scale="1 1 1" model="gltf-wxball"
        bind:gltf-loaded="handleGltfLoaded"
      />
    </xr-ar-tracker>
    
    <xr-ar-tracker mode="Marker" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/2.jpg" bind:ar-tracker-switch="handleTrackerSwitch">
      <xr-gltf id="wxball" node-id="mesh-gltf-wxball" position="0 0 0" rotation="0 0 0" scale="1 1 1" model="gltf-wxball2"
        bind:gltf-loaded="handleGltfLoaded"
      />
    </xr-ar-tracker>
    <xr-ar-tracker mode="Marker" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/3.jpg" bind:ar-tracker-switch="handleTrackerSwitch">
      <xr-gltf id="wxball" node-id="mesh-gltf-wxball" position="0 0 0" rotation="0 0 0" scale="1 1 1" model="gltf-wxball3"
        bind:gltf-loaded="handleGltfLoaded"
      />
    </xr-ar-tracker>
    <xr-ar-tracker mode="Marker" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/4.jpg" bind:ar-tracker-switch="handleTrackerSwitch">
      <xr-gltf id="wxball" node-id="mesh-gltf-wxball" position="0 0 0" rotation="0 0 0" scale="1 1 1" model="gltf-wxball4"
        bind:gltf-loaded="handleGltfLoaded"
      />
    </xr-ar-tracker>
    <xr-ar-tracker mode="Marker" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/5.jpg" bind:ar-tracker-switch="handleTrackerSwitch">
      <xr-gltf id="wxball" node-id="mesh-gltf-wxball" position="0 0 0" rotation="0 0 0" scale="1 1 1" model="gltf-wxball5"
        bind:gltf-loaded="handleGltfLoaded"
      />
    </xr-ar-tracker>
    <xr-ar-tracker mode="Marker" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/6.jpg" bind:ar-tracker-switch="handleTrackerSwitch">
      <xr-gltf id="wxball" node-id="mesh-gltf-wxball" position="0 0 0" rotation="0 0 0" scale="1 1 1" model="gltf-wxball6"
        bind:gltf-loaded="handleGltfLoaded"
      />
    </xr-ar-tracker>


    <xr-camera
      id="camera" node-id="camera" position="1 1 1" clear-color="0.925 0.925 0.925 1"
      background="ar" is-ar-camera
    />
  </xr-node>
  
  <xr-node node-id="lights">
    <xr-light type="ambient" color="1 1 1" intensity="0.3" />
    <xr-light type="directional" rotation="30 60 0" color="1 1 1" intensity="1" />
  </xr-node>
</xr-scene>
