index.html 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>Babylon.js Sandbox - View glTF, glb, obj and babylon files</title>
  5. <meta name="description" content="Viewer for glTF, glb, obj and babylon files powered by Babylon.js" />
  6. <meta name="keywords" content="Babylon.js, Babylon, BabylonJS, glTF, glb, obj, viewer, online viewer, 3D model viewer, 3D, webgl" />
  7. <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
  8. <link rel="stylesheet" href="https://use.typekit.net/cta4xsb.css">
  9. <link rel="shortcut icon" href="https://www.babylonjs.com/favicon.ico">
  10. <script src="https://code.jquery.com/pep/0.4.2/pep.min.js"></script>
  11. <script src="https://preview.babylonjs.com/ammo.js"></script>
  12. <script src="https://preview.babylonjs.com/cannon.js"></script>
  13. <script src="https://preview.babylonjs.com/Oimo.js"></script>
  14. <script src="https://preview.babylonjs.com/babylon.js"></script>
  15. <script src="https://preview.babylonjs.com/loaders/babylonjs.loaders.min.js"></script>
  16. <script src="https://preview.babylonjs.com/serializers/babylonjs.serializers.min.js"></script>
  17. <script src="https://preview.babylonjs.com/materialsLibrary/babylonjs.materials.min.js"></script>
  18. <script src="https://preview.babylonjs.com/inspector/babylon.inspector.bundle.js"></script>
  19. <script src="dist/babylon.sandbox.js"></script>
  20. <style>
  21. html,
  22. body {
  23. width: 100%;
  24. height: 100%;
  25. padding: 0;
  26. margin: 0;
  27. overflow: hidden;
  28. }
  29. #host-element {
  30. width: 100%;
  31. height: 100%;
  32. padding: 0;
  33. margin: 0;
  34. overflow: hidden;
  35. }
  36. </style>
  37. </head>
  38. <body>
  39. <div id="host-element"></div>
  40. <script src="index.js"></script>
  41. </body>
  42. </html>