|
@@ -2,10 +2,12 @@
|
|
|
|
|
|
<xr-assets bind:progress="handleAssetsProgress" bind:loaded="handleAssetsLoaded">
|
|
|
|
|
|
- <xr-asset-load type="gltf" asset-id="item1" src="https://houseoss.4dkankan.com/mini-ar-test/AR/01/ddn03/ddn03.gltf" options="preserveRaw: true" />
|
|
|
+ <xr-asset-load type="gltf" asset-id="item1" src="https://houseoss.4dkankan.com/mini-ar-test/AR/01/ddn04/ddn04.gltf" options="preserveRaw: true" />
|
|
|
<xr-asset-load type="gltf" asset-id="item2" src="https://houseoss.4dkankan.com/mini-ar-test/AR/2/gc99.glb" />
|
|
|
<xr-asset-load type="gltf" asset-id="item3" src="https://houseoss.4dkankan.com/mini-ar-test/mtgj.glb" />
|
|
|
|
|
|
+ <xr-asset-load type="gltf" asset-id="butterfly" src="https://mmbizwxaminiprogram-1258344707.cos.ap-guangzhou.myqcloud.com/xr-frame/demo/butterfly/index.glb" />
|
|
|
+
|
|
|
<xr-asset-load type="video-texture" asset-id="item1-v" src="https://houseoss.4dkankan.com/mini-ar-test/AR/01/video1_480.mp4" options="autoPlay:false,loop:false,abortAudio:false,placeHolder:'https://houseoss.4dkankan.com/mini-ar-test/AR/01/video1_480.mp4?x-oss-process=video/snapshot,t_0,f_jpg,w_1000,m_fast,ar_auto'" />
|
|
|
<xr-asset-material asset-id="item1-m" effect="simple" uniforms="u_baseColorMap: video-item1-v" />
|
|
|
|
|
@@ -22,8 +24,9 @@
|
|
|
|
|
|
<xr-node>
|
|
|
<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">
|
|
|
- <xr-gltf model="item1" position="0 0 0.5" height="100%" scale="10 10 10" rotation="-270 0 180" bind:gltf-loaded="handleItem1Loaded"></xr-gltf>
|
|
|
- <xr-mesh geometry="plane" rotation="0 0 0" scale="1 1 1" uniforms="u_baseColorFactor:0 1 0 0.2" states="alphaMode:BLEND" />
|
|
|
+ <xr-gltf model="item1" position="0 0 0.04" height="100%" scale="8.1 8.1 8.1" rotation="-270 0 180" bind:gltf-loaded="handleItem1Loaded"></xr-gltf>
|
|
|
+ <!-- <xr-mesh geometry="plane" rotation="0 0 0" scale="1 1 1" uniforms="u_baseColorFactor:0 1 0 0.2" states="alphaMode:BLEND" /> -->
|
|
|
+ <!-- <xr-gltf model="butterfly" anim-autoplay position="0 0 0" scale="0.4 0.4 0.4" rotation="0 -50 0" /> -->
|
|
|
</xr-ar-tracker>
|
|
|
<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">
|
|
|
<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>
|