ufoExample.html 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>BabylonJS Viewer - UFO</title>
  8. <style>
  9. babylon,
  10. #viewport {
  11. max-width: 1000px;
  12. max-height: 800px;
  13. width: 100%;
  14. height: 800px;
  15. }
  16. </style>
  17. </head>
  18. <body>
  19. <babylon id="babylon-viewer" extends="extended" templates.nav-bar.params.disable-on-fullscreen="true">
  20. <scene glow="true">
  21. <main-color r="0.5" g="0.2" b="0.2"></main-color>
  22. </scene>
  23. <model url="https://models.babylonjs.com/ufo.glb">
  24. <animation auto-start="true"></animation>
  25. </model>
  26. <lights>
  27. <light2 shadow-ortho-scale="0.5">
  28. <position y="1.8"></position>
  29. </light2>
  30. </lights>
  31. </babylon>
  32. <script src="viewer.js"></script>
  33. <script>
  34. </script>
  35. </body>
  36. </html>