<xr-scene ar-system="modes:Plane ; 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-kun" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXModel/kun_0128.glb" />

    <xr-asset-load type="gltf" asset-id="gltf-Jiaolong" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXModel/JiaoLong.glb" />
    <xr-asset-load type="gltf" asset-id="gltf-YinLong" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXModel/YingLong_0128.glb" />

    <xr-asset-load type="gltf" asset-id="gltf-luanniao" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXModel/fenghuang_0129.glb" />
    <xr-asset-load type="gltf" asset-id="gltf-fuzhu" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXModel/shenlu_anim_0129.glb" />
    <xr-asset-load type="gltf" asset-id="gltf-qiling" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXModel/shizi_0128.glb" />
    <xr-asset-load type="gltf" asset-id="gltf-denglong" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXModel/DengLong3.glb" />
    <xr-asset-load type="gltf" asset-id="gltf-paopao" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXModel/PaoPao1.glb" />
    <xr-asset-load type="gltf" asset-id="gltf-bubble" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXModel/bubble.glb" />
    <xr-asset-load type="gltf" asset-id="gltf-birdslow" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXModel/fenghuang_03.glb" />
    <xr-asset-load type="gltf" asset-id="miku-kawaii" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/phoenix_bird.glb" />

    <xr-asset-load asset-id="anim" type="keyframe" src="/assets/animation/miku-kawaii-animation.json"/>  
    <xr-asset-load asset-id="anim_kun_long" type="keyframe" src="/assets/animation/kun-long-animation.json"/>  
    <xr-asset-load asset-id="anim_kun_long_ni" type="keyframe" src="/assets/animation/kun-long-ni-animation.json"/>   
    <xr-asset-load asset-id="anim_nianshou" type="keyframe" src="/assets/animation/nianshou-animation.json"/>  

    <xr-asset-load type="texture" asset-id="particle-texture" src="https://mmbizwxaminiprogram-1258344707.cos.ap-guangzhou.myqcloud.com/xr-frame/demo/particles/point.png" />
    <xr-asset-load type="texture" asset-id="flarePicture" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXModel/flare.png" />


  </xr-assets>
  <xr-env node-id="World" env-data="env1"/>
    <xr-node>
    
    
      <xr-gltf 
    id="denglong" node-id="denglong" scale="1 1 1" position="-15 13 -15" rotation="0 -100 0"   model="gltf-denglong" anim-autoplay  />

    <xr-gltf 
    id="denglong" node-id="denglong" scale="1 1 1" position="15 12 -20" rotation="0 -100 0"   model="gltf-denglong" anim-autoplay  />

    <xr-gltf 
    id="denglong" node-id="denglong" scale="1 1 1" position="12 11 -30" rotation="0 -100 0"   model="gltf-denglong" anim-autoplay  />

    <xr-gltf 
    id="denglong" node-id="denglong" scale="1 1 1" position="-5.5 10 -5" rotation="0 -100 0"   model="gltf-denglong" anim-autoplay  />

    <xr-gltf 
    id="denglong" node-id="denglong" scale="1 1 1" position="5.5 9 8" rotation="0 -100 0"   model="gltf-denglong" anim-autoplay  />

   

   <!-- <xr-gltf id="kun" node-id="kun" scale="5 5 5" position="-0.3 -2 -10" rotation="0 90 0"   model="gltf-kun" anim-autoplay  />

<xr-gltf id="Jiaolong" node-id="Jiaolong" scale="10 10 10" position="-6.3 2.5 -30" rotation="0 0 0"   model="gltf-Jiaolong" anim-autoplay  />


    <xr-gltf 
    wx:if="{{nianshouShow}}"
    id="qiling" node-id="qiling" scale="0.05 0.05 0.05" position="10.3 0 0" rotation="0 -80 0"   model="gltf-qiling" anim-autoplay  />
    <xr-gltf 
    wx:if="false"
    id="luanniao" node-id="luanniao" scale="5 5 5" position="-2.3 3 10" rotation="0 -80 0"   model="gltf-luanniao" anim-autoplay  />

    <xr-gltf 
    wx:if="false"
    id="qiling" node-id="qiling" scale="1.3 1.3 1.3" position="8.3 3 -5" rotation="0 180 0"   model="gltf-qiling" anim-autoplay  />

    <xr-gltf 
    wx:if="false"
    id="fuzhu" node-id="fuzhu" scale="10 10 10" position="-10.3 3 3" rotation="0 170 0"   model="gltf-fuzhu" anim-autoplay  />

    <xr-gltf 
    wx:if="false"
    id="YinLong" node-id="YinLong" scale="0.1 0.1 0.1" position="10.3 3 10" rotation="0 170 0"   model="gltf-YinLong" anim-autoplay  />-->

    </xr-node>

    <xr-node position="20 0 -20" anim-keyframe="anim_nianshou" anim-autoplay="clip:parent">
      <xr-node position="0 0 -10" rotation="0 0 0">
        <xr-gltf 
    wx:if="{{nianshouShow}}"
    id="qiling" node-id="qiling" scale="10 10 10" position="0 0 0" rotation="0 90 0"   model="gltf-qiling" anim-autoplay  />

      </xr-node>
    </xr-node>
    
    <xr-node position="-25 -3 -35" anim-keyframe="anim_kun_long_ni" anim-autoplay="clip:parent4">
      <xr-node position="0 0 -10" rotation="0 0 0">
        <xr-gltf 
    wx:if="{{fuzhuShow}}"
    id="fuzhu" node-id="fuzhu" scale="0.2 0.2 0.2" position="0 0 0" rotation="0 90 0"   model="gltf-fuzhu" anim-autoplay  />

      </xr-node>
    </xr-node>


    <xr-node position="30 30 -30" anim-keyframe="anim_kun_long_ni" anim-autoplay="clip:parent3">
      <xr-node position="0 0 -15" rotation="0 0 0">
        <xr-gltf 
        wx:if="{{luanniaoShow}}"
    id="luanniao" node-id="luanniao" scale="5 5 5" position="0 0 0" rotation="0 180 0"   model="gltf-luanniao" anim-autoplay  />
      </xr-node>
    </xr-node>

    <xr-node position="-30 32 -35" anim-keyframe="anim" anim-autoplay="clip:parent">
      <xr-node position="0 0 -25" rotation="0 0 0" anim-keyframe="anim" anim-autoplay="clip:child">
        <xr-gltf 
    wx:if="{{yinglongShow}}"
    id="YinLong" node-id="YinLong" scale="0.06 0.06 0.06" position="0 0 0" rotation="0 90 0"   model="gltf-YinLong" anim-autoplay  />
      </xr-node>
    </xr-node>
    

    <xr-node position="-40 25 -45" anim-keyframe="anim_kun_long_ni" anim-autoplay="clip:parent3">
      <xr-node position="0 0 10" rotation="0 0 0">
        <xr-gltf id="kun" node-id="kun" scale="0.05 0.05 0.05" position="0 0 0" rotation="0 -90 0"   model="gltf-kun" anim-autoplay />
      </xr-node>
    </xr-node>

    <xr-node position="40 29 -45" anim-keyframe="anim_kun_long" anim-autoplay="clip:parent4">
      <xr-node position="0 0 -20" rotation="0 0 0">
        <xr-gltf id="Jiaolong" node-id="Jiaolong" scale="3 3 3" position="0 0 0" rotation="0 90 0"   model="gltf-Jiaolong" anim-autoplay  />
      </xr-node>
    </xr-node>

      <xr-node position="0 25 -45" anim-keyframe="anim" anim-autoplay="clip:parent">
      <xr-node position="0 0 -10" rotation="0 0 0" anim-keyframe="anim" anim-autoplay="clip:child">
        <xr-gltf position="0 0 0"  scale="0.01 0.01 0.01" rotation="0 180 0" model="gltf-birdslow" anim-keyframe="anim" anim-autoplay></xr-gltf>
      </xr-node>

<!--
      <xr-gltf id="birdslow" node-id="birdslow" scale="0.01 0.01 0.01" position="-0.3 -0.5 5" rotation="0 90 0"   model="gltf-birdslow" anim-autoplay  />
      

      <xr-gltf id="bubble" node-id="bubble" scale="1 1 1" position="-0.3 0 2" rotation="0 0 0"   model="gltf-bubble" anim-autoplay  />

  

      <xr-gltf 
    wx:if="true"
    id="luanniao" node-id="luanniao" scale="0.5 0.5 0.5" position="-0.3 0 2" rotation="0 -100 0"   model="gltf-luanniao" anim-autoplay  />
      <xr-gltf 
    wx:if="true"
    id="qiling" node-id="qiling" scale="0.01 0.01 0.01" position="-0.3 -0.5 2" rotation="0 -180 0"   model="gltf-qiling" anim-autoplay  />
 

   

      <xr-gltf 
    id="luanniao" node-id="luanniao" scale="1 1 1" position="-0.3 0 -5" rotation="0 100 0"   model="gltf-luanniao" anim-autoplay  />

    <xr-gltf 
    wx:if="true"
    id="fuzhu" node-id="fuzhu" scale="1 1 1" position="-2.3 -0.5 -2" rotation="0 100 0"   model="gltf-fuzhu" anim-autoplay  />

      <xr-gltf id="qipao" node-id="qipao" scale="2 2 2" position="-0.3 0 -3" rotation="0 0 0"   model="gltf-qipao" anim-autoplay  />
   -->
    </xr-node>

    
  
  <!--  <xr-node node-id="target" position="0 1 0" />
    <xr-gltf position="1.8 -0.5 1.5" scale="0.12 0.12 0.12" rotation="0 0 0" model="miku" anim-autoplay></xr-gltf>
      <xr-node position="0 0 -2" rotation="0 160 0" anim-keyframe="animyu" anim-autoplay="clip:child">
        <xr-gltf  scale="0.1 0.1 0.1" rotation="0 -90 0" model="miku-yu" anim-keyframe="animyu" anim-autoplay></xr-gltf>
    </xr-node>-->

    <xr-node>
      <xr-custom-particle id="firework" emitter-type="SphereShape" emitter-props="radius:1,arc:0.5" position="1 20 -30" start-color="1 1 0 1" end-color="1 0 0 1"  burstCount="1" capacity="2" speed="3.4 3.8" size="0" emit-rate="2" life-time="1" angle="0"  
        rotation="0 0 90"
        texture="particle-texture">
    </xr-custom-particle>

    <xr-custom-particle id="firework2" emitter-type="SphereShape" emitter-props="radius:1,arc:0.5" position="8 12 -25" start-color="1 0 0 1" end-color="1 1 0 1"  burstCount="1" capacity="2" speed="3.4 3.8" size="0" emit-rate="2" life-time="1" angle="0"  
        rotation="0 0 90"
        texture="particle-texture">
    </xr-custom-particle>

    <xr-custom-particle id="firework3" emitter-type="SphereShape" emitter-props="radius:1,arc:0.5" position="-8 10 -20" start-color="1 1 0 1" end-color="1 0 0 1"  burstCount="1" capacity="2" speed="3.4 3.8" size="0" emit-rate="2" life-time="1" angle="0"  
        rotation="0 0 90"
        texture="particle-texture">
    </xr-custom-particle>

    <xr-custom-particle id="firework4" emitter-type="SphereShape" emitter-props="radius:1,arc:0.5" position="-20 14 -15" start-color="1 0 0 1" end-color="1 1 0 1"  burstCount="1" capacity="2" speed="3.4 3.8" size="0" emit-rate="2" life-time="1" angle="0"  
        rotation="0 0 90"
        texture="particle-texture">
    </xr-custom-particle>

    <xr-custom-particle id="firework5" emitter-type="SphereShape" emitter-props="radius:1,arc:0.5" position="5 15 -15" start-color="1 0 0 1" end-color="1 1 0 1"  burstCount="1" capacity="2" speed="3.4 3.8" size="0" emit-rate="2" life-time="1" angle="0"  
        rotation="0 0 90"
        texture="particle-texture">
    </xr-custom-particle>

    <xr-custom-particle id="firework6" emitter-type="SphereShape" emitter-props="radius:1,arc:0.5" position="15 16 -5" start-color="1 1 0 1" end-color="1 0 0 1"  burstCount="1" capacity="2" speed="3.4 3.8" size="0" emit-rate="2" life-time="1" angle="0"  
        rotation="0 0 90"
        texture="particle-texture">
    </xr-custom-particle>

    <xr-custom-particle id="firework7" emitter-type="SphereShape" emitter-props="radius:1,arc:0.5" position="-15 18 -5" start-color="1 0 0 1" end-color="1 1 0 1"  burstCount="1" capacity="2" speed="3.4 3.8" size="0" emit-rate="2" life-time="1" angle="0"  
        rotation="0 0 90"
        texture="particle-texture">
    </xr-custom-particle>

  </xr-node>

  
    <xr-camera
      id="camera" node-id="camera" position="0 0 0" clear-color="0.925 0.925 0.925 1"
      background="ar" is-ar-camera
    >

  </xr-camera>
  <xr-node node-id="lights">
    <xr-light type="ambient" color="1 1 1" intensity="0.5" />
    <xr-light type="directional" rotation="40 170 0" color="1 1 1" intensity="5" />
  </xr-node>




</xr-scene>



