ar-tracker.wxml 4.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <xr-scene ar-system="modes:Marker;planeMode: 1" id="xr-scene" bind:ready="handleReady" bind:ar-ready="handleARReady" bind:log="handleLog">
  2. <xr-assets bind:progress="handleAssetsProgress" bind:loaded="handleAssetsLoaded">
  3. <xr-asset-load type="gltf" asset-id="item1" src="https://houseoss.4dkankan.com/mini-ar-test/AR/01/dd3/dd3.gltf" options="preserveRaw: true" />
  4. <xr-asset-load type="gltf" asset-id="item2" src="https://houseoss.4dkankan.com/mini-ar-test/AR/2/gc99.glb" />
  5. <xr-asset-load type="gltf" asset-id="item3" src="https://houseoss.4dkankan.com/mini-ar-test/mtgj.glb" />
  6. <xr-asset-load type="video-texture" asset-id="item1-v" src="https://houseoss.4dkankan.com/mini-ar-test/AR/01/video1.mp4" options="autoPlay:false,loop:false,abortAudio:false,placeHolder:'https://houseoss.4dkankan.com/mini-ar-test/AR/01/video1.mp4?x-oss-process=video/snapshot,t_0,f_jpg,w_1000,m_fast,ar_auto'" />
  7. <xr-asset-material asset-id="item1-m" effect="simple" uniforms="u_baseColorMap: video-item1-v" />
  8. <xr-asset-load type="video-texture" asset-id="item12-v" src="https://houseoss.4dkankan.com/mini-ar-test/AR/01/video2.mp4" options="autoPlay:true,loop:true,abortAudio:true,placeHolder:'https://houseoss.4dkankan.com/mini-ar-test/AR/01/video2.mp4?x-oss-process=video/snapshot,t_0,f_jpg,w_1000,m_fast,ar_auto'" />
  9. <xr-asset-material asset-id="item12-m" effect="simple" uniforms="u_baseColorMap: video-item12-v" />
  10. <xr-asset-load type="video-texture" asset-id="item2-v" src="https://houseoss.4dkankan.com/mini-ar-test/AR/2/video2-480.mp4" options="autoPlay:false,loop:false,abortAudio:false,placeHolder:'https://houseoss.4dkankan.com/mini-ar-test/AR/2/video2-480.mp4?x-oss-process=video/snapshot,t_0,f_jpg,w_1000,m_fast,ar_auto'" />
  11. <xr-asset-material asset-id="item2-m" effect="simple" uniforms="u_baseColorMap: video-item2-v" />
  12. </xr-assets>
  13. <xr-env env-data="xr-frame-team-workspace-day" />
  14. <xr-node>
  15. <xr-ar-tracker id="ar-tracker-1" mode="Marker" src="https://houseoss.4dkankan.com/mini-ar-test/AR/01/01.png" bind:ar-tracker-state="handleARTrackerState1">
  16. <!-- <xr-gltf model="item1" scale="5 5 5" rotation="270 0 0" bind:gltf-loaded="handleItem1Loaded"></xr-gltf> -->
  17. <xr-gltf model="item1" position="-0.06 0 0.85" scale="11 11 11" rotation="-270 0 180" bind:gltf-loaded="handleItem1Loaded"></xr-gltf>
  18. <!-- <xr-mesh geometry="plane" rotation="0 0 0" scale="1 1 1" uniforms="u_baseColorFactor:0 1 0 0.5" states="alphaMode:BLEND" /> -->
  19. </xr-ar-tracker>
  20. <xr-ar-tracker id="ar-tracker-2" mode="Marker" src="https://houseoss.4dkankan.com/mini-ar-test/AR/2/marker.png" bind:ar-tracker-state="handleARTrackerState2">
  21. <xr-gltf model="item2" position="0 0.2 0" scale="0.08 0.08 0.08" rotation="0 -90 80" bind:gltf-loaded="handleItem2Loaded"></xr-gltf>
  22. </xr-ar-tracker>
  23. <xr-ar-tracker id="ar-tracker-3" mode="Marker" src="https://houseoss.4dkankan.com/mini-ar-test/AR/3/marker.png" bind:ar-tracker-state="handleARTrackerState3">
  24. <xr-node>
  25. <xr-gltf id="item3" position="0 0 0" scale="0.05 0.05 0.05" rotation="-80 0 0" model="item3" bind:gltf-loaded="handleItem3Loaded" cast-shadow receive-shadow></xr-gltf>
  26. <!-- <xr-light type="ambient" color="1 1 1" intensity="2" />
  27. <xr-light type="directional" rotation="180 10 0" color="1 1 1" intensity="3" /> -->
  28. </xr-node>
  29. </xr-ar-tracker>
  30. <!-- <xr-camera id="camera" node-id="camera" position="1 1 1" clear-color="0.925 0.925 0.925 1" far="2000" background="ar" is-ar-camera></xr-camera> -->
  31. <!--
  32. <xr-camera id="camera1" node-id="camera1" clear-color="0.925 0.925 0.925 1" background="ar" target="item1-wrpper" camera-orbit-control=""></xr-camera> -->
  33. <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>
  34. </xr-node>
  35. <xr-node node-id="lights">
  36. <xr-light type="ambient" color="1 1 1" intensity="1" />
  37. <xr-light type="directional" rotation="180 0 0" color="1 1 1" intensity="2" />
  38. </xr-node>
  39. </xr-scene>