index.html 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  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/gui/babylon.gui.min.js"></script>
  9. <script src="https://preview.babylonjs.com/cannon.js"></script>
  10. <script src="https://preview.babylonjs.com/oimo.js"></script>
  11. <script src="https://preview.babylonjs.com/babylon.js"></script>
  12. <style>
  13. html, body {
  14. overflow: hidden;
  15. width: 100%;
  16. height: 100%;
  17. margin: 0;
  18. padding: 0;
  19. }
  20. #renderCanvas {
  21. width: 100%;
  22. height: 100%;
  23. touch-action: none;
  24. }
  25. </style>
  26. </head>
  27. <body>
  28. <div id="canvasZone">
  29. <canvas id="renderCanvas"></canvas>
  30. </div>
  31. <script>
  32. var canvas = document.getElementById("renderCanvas");
  33. var engine = new BABYLON.Engine(canvas, true);
  34. ####INJECT####
  35. engine.runRenderLoop(function () {
  36. scene.render();
  37. });
  38. // Resize
  39. window.addEventListener("resize", function () {
  40. engine.resize();
  41. });
  42. </script>
  43. </body>
  44. </html>