Create rendertest.html

Cosmic-Mod · Sep 4, 2024 · 08bdef2 · 08bdef2
1 parent 9c9128d
commit 08bdef2
Showing 1 changed file with 125 additions and 0 deletions.
diff --git a/rendertest.html b/rendertest.html
@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+  <head>
+
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+    <title>Babylon Template</title>
+
+
+
+    <style>
+
+      html,
+
+      body {
+
+        overflow: hidden;
+
+        width: 100%;
+
+        height: 100%;
+
+        margin: 0;
+
+        padding: 0;
+
+      }
+
+
+
+      #renderCanvas {
+
+        width: 100%;
+
+        height: 100%;
+
+        touch-action: none;
+
+      }
+
+    </style>
+
+
+
+    <script src="https://cdn.babylonjs.com/babylon.js"></script>
+
+    <script src="https://cdn.babylonjs.com/loaders/babylonjs.loaders.min.js"></script>
+
+    <script src="https://code.jquery.com/pep/0.4.3/pep.js"></script>
+
+  </head>
+
+
+
+  <body>
+
+    <canvas id="renderCanvas" touch-action="none"></canvas>
+
+    <!-- touch-action="none" for best results from PEP -->
+
+
+
+    <script>
+
+      const canvas = document.getElementById("renderCanvas"); // Get the canvas element
+
+      const engine = new BABYLON.Engine(canvas, true); // Generate the BABYLON 3D engine
+
+
+
+      // Add your code here matching the playground format
+
+      const createScene = function () {
+
+        const scene = new BABYLON.Scene(engine);
+
+
+
+        BABYLON.MeshBuilder.CreateBox("box", {});
+
+
+
+        const camera = new BABYLON.ArcRotateCamera("camera", -Math.PI / 2, Math.PI / 2.5, 15, new BABYLON.Vector3(0, 0, 0));
+
+        camera.attachControl(canvas, true);
+
+        const light = new BABYLON.HemisphericLight("light", new BABYLON.Vector3(1, 1, 0));
+
+
+
+        return scene;
+
+      };
+
+
+
+      const scene = createScene(); //Call the createScene function
+
+
+
+      // Register a render loop to repeatedly render the scene
+
+      engine.runRenderLoop(function () {
+
+        scene.render();
+
+      });
+
+
+
+      // Watch for browser/canvas resize events
+
+      window.addEventListener("resize", function () {
+
+        engine.resize();
+
+      });
+
+    </script>
+
+  </body>
+
+</html>