3d

Cosmic-Mod · Sep 5, 2024 · 5b68966 · 5b68966
1 parent 2c027f9
commit 5b68966
Show file tree

Hide file tree

Showing 5 changed files with 39 additions and 74 deletions.
diff --git a/_includes/head.html b/_includes/head.html
@@ -15,19 +15,11 @@
             href="{{ site.baseurl }}/favicon.png"
         {% endif %}
     >
-    <style>
+<style>
 
-      .renderCanvas {
-
-        width: 10%;
-
-        height: 10%;
-
-        touch-action: none;
-
-      }
 
-       body {
+
+      body {
 
         overflow: hidden;
 
@@ -36,20 +28,33 @@
         height: 100%;
 
         margin: 0;
-
+        
         padding: 0;
 
       }
 
+
+
+      .renderCanvas {
+
+        width: 500px;
+
+        height: 300px;
+
+        touch-action: none;
+
+      }
+
     </style>
 
 
 
-    <script src="https://cdn.babylonjs.com/babylon.js"></script>
+<script src="https://cdn.babylonjs.com/babylon.js"></script>
+
+<script src="https://cdn.babylonjs.com/loaders/babylonjs.loaders.min.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>
 
-    <script src="https://code.jquery.com/pep/0.4.3/pep.js"></script>
     <script
         src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js.cookie.min.js"
     ></script>

diff --git a/_includes/three.html b/_includes/three.html
@@ -1,9 +1,6 @@
 <canvas class="renderCanvas card" id="renderCanvas{{ include.id }}" touch-action="none" ></canvas>
 
 
-
-
-
 <script>
 
       const canvas{{ include.id }}= document.getElementById("renderCanvas{{ include.id }}"); // Get the canvas element
@@ -21,10 +18,10 @@
 
 
       //  BABYLON.MeshBuilder.CreateBox("box", {});
-        BABYLON.SceneLoader.ImportMesh(
+        var mesh = BABYLON.SceneLoader.ImportMesh(
            undefined, // Name of meshes to load
-           "/assets/models/", // Path on a server for the file
-           "saturn.gltf", // The file name that should be loaded from the above path
+           "{{ include.path }}", // Path on a server for the file
+           "{{ include.model }}", // The file name that should be loaded from the above path
             scene{{ include.id }}, // The scene to load this mesh/model file into
             function (
 		    meshes, 
@@ -39,9 +36,11 @@
 
 
         const camera{{ include.id }} = new BABYLON.ArcRotateCamera("camera", -Math.PI / 2, Math.PI / 2.5, 15, new BABYLON.Vector3(0, 0, 0));
-
+        camera{{ include.id }}.lowerRadiusLimit = 15;
+        camera{{ include.id }}.upperRadiusLimit = 15;
+
         camera{{ include.id }}.attachControl(canvas{{ include.id }}, true);
-
+        
         const light{{ include.id }} = new BABYLON.HemisphericLight("light", new BABYLON.Vector3(1, 1, 0));
 
 	// Skybox
@@ -52,14 +51,7 @@
 	skybox.material = skyboxMaterial;			
 	skybox.infiniteDistance = true;
         skyboxMaterial.disableLighting = true;
-//        window.setTimeout(() => {
-//                var skyboxMaterial = new BABYLON.StandardMaterial("skyBox", scene{{ include.id }});
-//                        skyboxMaterial.backFaceCulling = false;
-//	                skyboxMaterial.emissiveColor = new BABYLON.Color3(0, 0, 1);
-//                        skyboxMaterial.forceCompilation(skybox, () => {
-//                                skybox.material = skyboxMaterial;
-//                        });
-//        }, 1000);
+
 
         return scene{{ include.id }};
 

diff --git a/assets/models/saturn.gltf b/assets/models/saturn.gltf
diff --git a/index.md b/index.md
@@ -11,48 +11,6 @@ hero_tag_text: "Warning: This mod is in alpha"
 
 This mod adds many new planets, moons and even solar systems!
 
-<style>
-
-
-
-      body {
-
-        overflow: hidden;
-
-        width: 100%;
-
-        height: 100%;
-
-        margin: 0;
-
-        padding: 0;
-
-      }
-
-
-
-      .renderCanvas {
-
-        width: 500px;
-
-        height: 300px;
-
-        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>
-
-
-
 MOD STAGE : Very Alpha (can be only played in creative mode)
 
 For questions and help, join out [discord](https://discord.gg/cdc6sgEExF)!

diff --git a/tests.md b/tests.md
@@ -0,0 +1,10 @@
+---
+title: Testing Page
+subtitle: Website Tests
+layout: page
+hero_tag: true
+hero_tag_class: is-large is-danger 
+hero_tag_text: "Warning: Do Not Look"
+---
+
+{% include three.html id="test" path="/assets/models/" model="saturn.gltf" %}