index.wxml 2.4 KB

123456789101112131415161718192021222324252627282930313233
  1. <xr-scene ar-system="modes:Plane Marker; planeMode: 1" bind:ready="handleReady" bind:ar-ready="handleARReady">
  2. <!-- vio + marker 模式下 planeMode 需设置为 1 (只允许水平面识别) -->
  3. <xr-assets bind:progress="handleAssetsProgress" bind:loaded="handleAssetsLoaded">
  4. <xr-asset-load type="gltf" asset-id="anchor" src="https://mmbizwxaminiprogram-1258344707.cos.ap-guangzhou.myqcloud.com/xr-frame/demo/ar-plane-marker.glb" />
  5. <!-- <xr-asset-load type="gltf" asset-id="gltf-item" src="https://mmbizwxaminiprogram-1258344707.cos.ap-guangzhou.myqcloud.com/xr-frame/demo/just_a_girl/index.glb" /> -->
  6. <!-- <xr-asset-load type="gltf" asset-id="gltf-item" src="https://houseoss.4dkankan.com/mini-ar-test/AR/1/Dundun_Ani" /> -->
  7. <xr-asset-load type="gltf" asset-id="gltf-item" src="https://houseoss.4dkankan.com/mini-ar-test/AR/2/gc99.glb" />
  8. <!-- <xr-asset-load type="gltf" asset-id="butterfly" src="https://mmbizwxaminiprogram-1258344707.cos.ap-guangzhou.myqcloud.com/xr-frame/demo/butterfly/index.glb" /> -->
  9. <xr-asset-load type="video-texture" asset-id="cat" src="https://houseoss.4dkankan.com/mini-ar-test/AR/2/video.mp4" options="autoPlay:false,loop:false,abortAudio:false,placeHolder:https://houseoss.4dkankan.com/mini-ar-test/AR/2/video.mp4?x-oss-process=video/snapshot,t_0,f_jpg,w_1000,m_fast,ar_auto" />
  10. <xr-asset-material asset-id="catMat" effect="simple" uniforms="u_baseColorMap: video-cat" />
  11. </xr-assets>
  12. <xr-node>
  13. <xr-ar-tracker mode="Marker" src="https://houseoss.4dkankan.com/mini-ar-test/AR/2/marker.png" bind:ar-tracker-state="handleARTrackerState">
  14. </xr-ar-tracker>
  15. <xr-ar-tracker mode="Plane">
  16. <xr-gltf model="anchor" scale="0.2 0.2 0.2"></xr-gltf>
  17. </xr-ar-tracker>
  18. <xr-node node-id="setitem" visible="false">
  19. <xr-gltf model="gltf-item" scale="0.008 0.008 0.008" rotation="0 -90 0" bind:gltf-loaded="handleGLTFLoaded" cast-shadow receive-shadow></xr-gltf>
  20. <xr-light type="ambient" color="1 1 1" intensity="2" />
  21. <xr-light type="directional" rotation="80 10 0" color="1 1 1" intensity="3" />
  22. </xr-node>
  23. <xr-camera id="camera" node-id="camera" clear-color="0.925 0.925 0.925 1" background="ar" is-ar-camera></xr-camera>
  24. </xr-node>
  25. <xr-node node-id="lights">
  26. <xr-light type="ambient" color="1 1 1" intensity="1" />
  27. <xr-light type="directional" rotation="180 0 0" color="1 1 1" intensity="3" />
  28. </xr-node>
  29. </xr-scene>