index.html 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  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/cannon.js"></script>
  9. <script src="https://preview.babylonjs.com/oimo.js"></script>
  10. <script src="https://preview.babylonjs.com/babylon.js"></script>
  11. <style>
  12. html, body {
  13. overflow: hidden;
  14. width: 100%;
  15. height: 100%;
  16. margin: 0;
  17. padding: 0;
  18. }
  19. #renderCanvas {
  20. width: 100%;
  21. height: 100%;
  22. touch-action: none;
  23. }
  24. </style>
  25. </head>
  26. <body>
  27. <div id="canvasZone">
  28. <canvas id="renderCanvas"></canvas>
  29. </div>
  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>