index.js 1.7 KB

12345678910111213141516171819202122232425262728293031
  1. var sceneReadyBehavior = require('../../behavior-scene/scene-ready');
  2. var handleDecodedXML = require('../../behavior-scene/util').handleDecodedXML;
  3. var xmlCode = `<xr-scene id="xr-scene">
  4. <xr-assets bind:progress="handleAssetsProgress" bind:loaded="handleAssetsLoaded">
  5. <xr-asset-load type="gltf" asset-id="gltf-damageHelmet" src="https://mmbizwxaminiprogram-1258344707.cos.ap-guangzhou.myqcloud.com/xr-frame/demo/damage-helmet/DamagedHelmet.gltf" />
  6. <xr-asset-load
  7. type="env-data" asset-id="env1" src="cloud://test-3gdnb38cf6add475.7465-test-3gdnb38cf6add475-1308124549/env-footprint/data.json"
  8. />
  9. </xr-assets>
  10. <xr-env env-data="env1" />
  11. <xr-node>
  12. <xr-gltf node-id="gltf-damageHelmet" position="0 0 0" rotation="0 0 0" scale="1.2 1.2 1.2" model="gltf-damageHelmet"></xr-gltf>
  13. <xr-camera
  14. id="camera" node-id="camera" position="0 0 3" clear-color="0.925 0.925 0.925 1"
  15. target="gltf-damageHelmet"
  16. camera-orbit-control=""
  17. ></xr-camera>
  18. </xr-node>
  19. <xr-node node-id="lights">
  20. <xr-light type="ambient" color="1 1 1" intensity="0.3" />
  21. <xr-light type="directional" rotation="40 180 0" color="1 1 1" intensity="2" />
  22. </xr-node>
  23. </xr-scene>
  24. `;
  25. Page({
  26. behaviors:[sceneReadyBehavior],
  27. data: {
  28. xmlCode: '<div class="codeWrap">' + handleDecodedXML(xmlCode) + '</div>',
  29. }
  30. });