123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>Babylon.js sample code</title>
- <!-- Babylon.js -->
- <script src="https://www.babylonjs.com/hand.minified-1.2.js"></script>
- <script src="https://preview.babylonjs.com/cannon.js"></script>
- <script src="https://preview.babylonjs.com/oimo.js"></script>
- <script src="https://preview.babylonjs.com/babylon.js"></script>
- <style>
- html, body {
- overflow: hidden;
- width: 100%;
- height: 100%;
- margin: 0;
- padding: 0;
- }
- #renderCanvas {
- width: 100%;
- height: 100%;
- touch-action: none;
- }
- </style>
- </head>
- <body>
- <div id="canvasZone">
- <canvas id="renderCanvas"></canvas>
- </div>
- <script>
- var canvas = document.getElementById("renderCanvas");
- var engine = new BABYLON.Engine(canvas, true);
- ####INJECT####
- engine.runRenderLoop(function () {
- scene.render();
- });
- // Resize
- window.addEventListener("resize", function () {
- engine.resize();
- });
- </script>
- </body>
- </html>
|