<xr-scene ar-system="modes:Marker" id="xr-scene" bind:ready="handleReady" bind:ar-ready="handleARReady">
  <xr-assets bind:progress="handleAssetsProgress" bind:loaded="handleAssetsLoaded">
    <xr-asset-load type="gltf" asset-id="bg" src="https://houseoss.4dkankan.com/project/hq-eduction-vr/public/BG/HQ.gltf" options="preserveRaw: true" />
    <xr-asset-load type="gltf" asset-id="adl" src="https://houseoss.4dkankan.com/project/hq-eduction-vr/public/adl-gltf/adl.gltf" options="preserveRaw: true" />
  </xr-assets>

  <xr-env env-data="xr-frame-team-workspace-day" />
  
  <xr-node wx:if="{{arReady}}">
    <xr-ar-tracker mode="Marker" src="{{markerImg}}" bind:ar-tracker-state="handleARTrackerState1">
      <xr-gltf vis model="bg" position="0 0 0" scale="0.5 0.5 0.5" rotation="-90 0 0" bind:gltf-loaded="handleItem1Loaded" />

      <xr-gltf vis model="adl" position="{{adlPos}}" scale="{{adlScale}}" rotation="-90 0 0" bind:gltf-loaded="handleItem2Loaded" />
    </xr-ar-tracker>

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