Home Explore Help
Sign In
GHzGlass
/
WXXR
4
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: F/20231214Init
Branches Tags
WXXR
/
miniprogram
/
components
/
xr-classic-show
/
index.wxml

index.wxml 11 KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221 
  1. <xr-scene ar-system="modes:threeDof ; planeMode: 1;" bind:ready="handleReady" bind:ar-ready="handleARReady">
    2. 

  2.    
    3. 

  3.   <xr-assets bind:progress="handleAssetsProgress" bind:loaded="handleAssetsLoaded">
    4. 

  4.     <xr-asset-load type="gltf" asset-id="gltf-kun" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXModel/kun_0128.glb" />
    5. 

  5. 

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

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

  8. 

  9.     <xr-asset-load type="gltf" asset-id="gltf-luanniao" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXModel/fenghuang_0129.glb" />
    10. 

  10.     <xr-asset-load type="gltf" asset-id="gltf-fuzhu" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXModel/shenlu_anim_0129.glb" />
    11. 

  11.     <xr-asset-load type="gltf" asset-id="gltf-qiling" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXModel/shizi_0128.glb" />
    12. 

  12.     <xr-asset-load type="gltf" asset-id="gltf-denglong" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXModel/DengLong3.glb" />
    13. 

  13.     <xr-asset-load type="gltf" asset-id="gltf-paopao" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXModel/PaoPao1.glb" />
    14. 

  14.     <xr-asset-load type="gltf" asset-id="gltf-bubble" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXModel/bubble.glb" />
    15. 

  15.     <xr-asset-load type="gltf" asset-id="gltf-birdslow" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXModel/fenghuang_03.glb" />
    16. 

  16.     <xr-asset-load type="gltf" asset-id="miku-kawaii" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/phoenix_bird.glb" />
    17. 

  17. 

  18.     <xr-asset-load asset-id="anim" type="keyframe" src="/assets/animation/miku-kawaii-animation.json"/>  
    19. 

  19.     <xr-asset-load asset-id="anim_kun_long" type="keyframe" src="/assets/animation/kun-long-animation.json"/>  
    20. 

  20.     <xr-asset-load asset-id="anim_kun_long_ni" type="keyframe" src="/assets/animation/kun-long-ni-animation.json"/>   
    21. 

  21.     <xr-asset-load asset-id="anim_nianshou" type="keyframe" src="/assets/animation/nianshou-animation.json"/>  
    22. 

  22. 

  23.     <xr-asset-load type="texture" asset-id="particle-texture" src="https://mmbizwxaminiprogram-1258344707.cos.ap-guangzhou.myqcloud.com/xr-frame/demo/particles/point.png" />
    24. 

  24.     <xr-asset-load type="texture" asset-id="flarePicture" src="https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXModel/flare.png" />
    25. 

  25. 

  26. 

  27.   </xr-assets>
    28. 

  28.   <xr-env node-id="World" env-data="env1"/>
    29. 

  29.     <xr-node>
    30. 

  30.     
    31. 

  31.     
    32. 

  32.       <xr-gltf 
    33. 

  33.     id="denglong" node-id="denglong" scale="1 1 1" position="-15 13 -15" rotation="0 -100 0"   model="gltf-denglong" anim-autoplay  />
    34. 

  34. 

  35.     <xr-gltf 
    36. 

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

  37. 

  38.     <xr-gltf 
    39. 

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

  40. 

  41.     <xr-gltf 
    42. 

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

  43. 

  44.     <xr-gltf 
    45. 

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

  46. 

  47.    
    48. 

  48. 

  49.    <!-- <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  />
    50. 

  50. 

  51. <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  />
    52. 

  52. 

  53. 

  54.     <xr-gltf 
    55. 

  55.     wx:if="{{nianshouShow}}"
    56. 

  56.     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  />
    57. 

  57.     <xr-gltf 
    58. 

  58.     wx:if="false"
    59. 

  59.     id="luanniao" node-id="luanniao" scale="5 5 5" position="-2.3 3 10" rotation="0 -80 0"   model="gltf-luanniao" anim-autoplay  />
    60. 

  60. 

  61.     <xr-gltf 
    62. 

  62.     wx:if="false"
    63. 

  63.     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  />
    64. 

  64. 

  65.     <xr-gltf 
    66. 

  66.     wx:if="false"
    67. 

  67.     id="fuzhu" node-id="fuzhu" scale="10 10 10" position="-10.3 3 3" rotation="0 170 0"   model="gltf-fuzhu" anim-autoplay  />
    68. 

  68. 

  69.     <xr-gltf 
    70. 

  70.     wx:if="false"
    71. 

  71.     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  />-->
    72. 

  72. 

  73.     </xr-node>
    74. 

  74. 

  75.     <xr-node position="20 0 -20" anim-keyframe="anim_nianshou" anim-autoplay="clip:parent">
    76. 

  76.       <xr-node position="0 0 -10" rotation="0 0 0">
    77. 

  77.         <xr-gltf 
    78. 

  78.     wx:if="{{nianshouShow}}"
    79. 

  79.     id="qiling" node-id="qiling" scale="10 10 10" position="0 0 0" rotation="0 90 0"   model="gltf-qiling" anim-autoplay  />
    80. 

  80. 

  81.       </xr-node>
    82. 

  82.     </xr-node>
    83. 

  83.     
    84. 

  84.     <xr-node position="-25 -3 -35" anim-keyframe="anim_kun_long_ni" anim-autoplay="clip:parent4">
    85. 

  85.       <xr-node position="0 0 -10" rotation="0 0 0">
    86. 

  86.         <xr-gltf 
    87. 

  87.     wx:if="{{fuzhuShow}}"
    88. 

  88.     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  />
    89. 

  89. 

  90.       </xr-node>
    91. 

  91.     </xr-node>
    92. 

  92. 

  93. 

  94.     <xr-node position="30 30 -30" anim-keyframe="anim_kun_long_ni" anim-autoplay="clip:parent3">
    95. 

  95.       <xr-node position="0 0 -15" rotation="0 0 0">
    96. 

  96.         <xr-gltf 
    97. 

  97.         wx:if="{{luanniaoShow}}"
    98. 

  98.     id="luanniao" node-id="luanniao" scale="5 5 5" position="0 0 0" rotation="0 180 0"   model="gltf-luanniao" anim-autoplay  />
    99. 

  99.       </xr-node>
    100. 

  100.     </xr-node>
    101. 

  101. 

  102.     <xr-node position="-30 32 -35" anim-keyframe="anim" anim-autoplay="clip:parent">
    103. 

  103.       <xr-node position="0 0 -25" rotation="0 0 0" anim-keyframe="anim" anim-autoplay="clip:child">
    104. 

  104.         <xr-gltf 
    105. 

  105.     wx:if="{{yinglongShow}}"
    106. 

  106.     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  />
    107. 

  107.       </xr-node>
    108. 

  108.     </xr-node>
    109. 

  109.     
    110. 

  110. 

  111.     <xr-node position="-40 25 -45" anim-keyframe="anim_kun_long_ni" anim-autoplay="clip:parent3">
    112. 

  112.       <xr-node position="0 0 10" rotation="0 0 0">
    113. 

  113.         <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 />
    114. 

  114.       </xr-node>
    115. 

  115.     </xr-node>
    116. 

  116. 

  117.     <xr-node position="40 29 -45" anim-keyframe="anim_kun_long" anim-autoplay="clip:parent4">
    118. 

  118.       <xr-node position="0 0 -20" rotation="0 0 0">
    119. 

  119.         <xr-gltf id="Jiaolong" node-id="Jiaolong" scale="3 3 3" position="0 0 0" rotation="0 90 0"   model="gltf-Jiaolong" anim-autoplay  />
    120. 

  120.       </xr-node>
    121. 

  121.     </xr-node>
    122. 

  122. 

  123.       <xr-node position="0 25 -45" anim-keyframe="anim" anim-autoplay="clip:parent">
    124. 

  124.       <xr-node position="0 0 -10" rotation="0 0 0" anim-keyframe="anim" anim-autoplay="clip:child">
    125. 

  125.         <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>
    126. 

  126.       </xr-node>
    127. 

  127. 

  128. <!--
    129. 

  129.       <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  />
    130. 

  130.       
    131. 

  131. 

  132.       <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  />
    133. 

  133. 

  134.   
    135. 

  135. 

  136.       <xr-gltf 
    137. 

  137.     wx:if="true"
    138. 

  138.     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  />
    139. 

  139.       <xr-gltf 
    140. 

  140.     wx:if="true"
    141. 

  141.     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  />
    142. 

  142.  
    143. 

  143. 

  144.    
    145. 

  145. 

  146.       <xr-gltf 
    147. 

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

  148. 

  149.     <xr-gltf 
    150. 

  150.     wx:if="true"
    151. 

  151.     id="fuzhu" node-id="fuzhu" scale="1 1 1" position="-2.3 -0.5 -2" rotation="0 100 0"   model="gltf-fuzhu" anim-autoplay  />
    152. 

  152. 

  153.       <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  />
    154. 

  154.    -->
    155. 

  155.     </xr-node>
    156. 

  156. 

  157.     
    158. 

  158.   
    159. 

  159.   <!--  <xr-node node-id="target" position="0 1 0" />
    160. 

  160.     <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>
    161. 

  161.       <xr-node position="0 0 -2" rotation="0 160 0" anim-keyframe="animyu" anim-autoplay="clip:child">
    162. 

  162.         <xr-gltf  scale="0.1 0.1 0.1" rotation="0 -90 0" model="miku-yu" anim-keyframe="animyu" anim-autoplay></xr-gltf>
    163. 

  163.     </xr-node>-->
    164. 

  164. 

  165.     <xr-node>
    166. 

  166.       <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"  
    167. 

  167.         rotation="0 0 90"
    168. 

  168.         texture="particle-texture">
    169. 

  169.     </xr-custom-particle>
    170. 

  170. 

  171.     <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"  
    172. 

  172.         rotation="0 0 90"
    173. 

  173.         texture="particle-texture">
    174. 

  174.     </xr-custom-particle>
    175. 

  175. 

  176.     <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"  
    177. 

  177.         rotation="0 0 90"
    178. 

  178.         texture="particle-texture">
    179. 

  179.     </xr-custom-particle>
    180. 

  180. 

  181.     <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"  
    182. 

  182.         rotation="0 0 90"
    183. 

  183.         texture="particle-texture">
    184. 

  184.     </xr-custom-particle>
    185. 

  185. 

  186.     <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"  
    187. 

  187.         rotation="0 0 90"
    188. 

  188.         texture="particle-texture">
    189. 

  189.     </xr-custom-particle>
    190. 

  190. 

  191.     <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"  
    192. 

  192.         rotation="0 0 90"
    193. 

  193.         texture="particle-texture">
    194. 

  194.     </xr-custom-particle>
    195. 

  195. 

  196.     <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"  
    197. 

  197.         rotation="0 0 90"
    198. 

  198.         texture="particle-texture">
    199. 

  199.     </xr-custom-particle>
    200. 

  200. 

  201.   </xr-node>
    202. 

  202. 

  203.   
    204. 

  204.     <xr-camera
    205. 

  205.       id="camera" node-id="camera" position="0 0 0" clear-color="0.925 0.925 0.925 1"
    206. 

  206.       background="ar" is-ar-camera
    207. 

  207.     >
    208. 

  208. 

  209.   </xr-camera>
    210. 

  210.   <xr-node node-id="lights">
    211. 

  211.     <xr-light type="ambient" color="1 1 1" intensity="0.5" />
    212. 

  212.     <xr-light type="directional" rotation="40 170 0" color="1 1 1" intensity="5" />
    213. 

  213.   </xr-node>
    214. 

  214. 

  215. 

  216. 

  217. 

  218. </xr-scene>
    219. 

  219. 

  220. 

  221.