index.html 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Babylon.js sample code</title>
  6. <!-- Babylon.js -->
  7. <script src="https://www.babylonjs.com/hand.minified-1.2.js"></script>
  8. <script src="https://preview.babylonjs.com/babylon.js"></script>
  9. <script src="https://preview.babylonjs.com/gui/babylon.gui.min.js"></script>
  10. <script src="https://preview.babylonjs.com/cannon.js"></script>
  11. <script src="https://preview.babylonjs.com/draco_decoder.js" type="text/x-draco-decoder"></script>
  12. <script src="https://preview.babylonjs.com/oimo.js"></script>
  13. <style>
  14. html, body {
  15. overflow: hidden;
  16. width: 100%;
  17. height: 100%;
  18. margin: 0;
  19. padding: 0;
  20. }
  21. #renderCanvas {
  22. width: 100%;
  23. height: 100%;
  24. touch-action: none;
  25. }
  26. </style>
  27. </head>
  28. <body>
  29. <canvas id="renderCanvas"></canvas>
  30. <script>
  31. var canvas = document.getElementById("renderCanvas");
  32. var engine = new BABYLON.Engine(canvas, true);
  33. ####INJECT####
  34. engine.runRenderLoop(function () {
  35. scene.render();
  36. });
  37. // Resize
  38. window.addEventListener("resize", function () {
  39. engine.resize();
  40. });
  41. </script>
  42. </body>
  43. </html>