Add local Three.js files to fix CORS issues

Author: georgeantonopoulos

index.html

@@ -10,8 +10,8 @@
     <script type="importmap">
     {
       "imports": {
-        "three": "https://unpkg.com/three@0.159.0/build/three.module.js",
-        "three/": "https://unpkg.com/three@0.159.0/"
+        "three": "./js/libs/three/three.module.js",
+        "three/": "./js/libs/three/"
       }
     }
     </script>

js/global-starter.js

@@ -1,6 +1,9 @@
 // This script ensures the startGame function is available globally
 // It's loaded without type="module" to ensure global scope
 
+// Wait for main.js to load and initialize
+let gameInitialized = false;
+
 // A backup implementation for window.startGame
 window.startGame = function() {
   console.log("Global startGame function called from global-starter.js");
@@ -12,59 +15,37 @@ window.startGame = function() {
     return;
   }
 
-  console.log("Game instance not found or not ready! Will retry in 500ms...");
-  
-  // Retry after a short delay to handle race conditions
-  setTimeout(() => {
-    if (window.game && typeof window.game.startGame === 'function') {
-      console.log("Retrying game start...");
-      window.game.startGame();
-    } else {
-      // Try a longer delay as a last resort
-      console.log("Game instance still not available after delay. Final retry in 1 second...");
-      
+  // If game is not initialized yet, wait for main.js to load
+  if (!gameInitialized) {
+    console.log("Waiting for main.js to initialize...");
+    
+    // Check if main.js script element exists
+    const mainScript = document.querySelector('script[src*="main.js"]');
+    if (!mainScript) {
+      console.error("main.js script not found in document!");
+      return;
+    }
+
+    // Create a new promise that resolves when main.js loads
+    const waitForMain = new Promise((resolve) => {
+      mainScript.addEventListener('load', resolve);
+    });
+
+    // Wait for main.js to load and then try to start the game
+    waitForMain.then(() => {
+      console.log("main.js loaded, attempting to start game...");
       setTimeout(() => {
         if (window.game && typeof window.game.startGame === 'function') {
-          console.log("Final retry successful!");
+          console.log("Game instance found after main.js load, starting game...");
           window.game.startGame();
         } else {
-          console.log("Game instance still not available after final delay.");
-          
-          // Emergency: Create a new game instance if all else fails
-          try {
-            console.log("Emergency: attempting to create a new game instance...");
-            // Look for Game class, first on window, then as global
-            if (typeof window.Game === 'function') {
-              console.log("Found Game class on window object");
-              window.game = new window.Game();
-              window.game.startGame();
-            } else if (typeof Game === 'function') {
-              console.log("Found Game class as global");
-              window.game = new Game();
-              window.game.startGame();
-            } else {
-              console.error("Game class not found! Waiting for script to load...");
-              
-              // Wait for main.js to load completely
-              document.addEventListener('DOMContentLoaded', () => {
-                console.log("DOM fully loaded, final attempt to start game");
-                if (window.game) {
-                  window.game.startGame();
-                } else if (typeof window.Game === 'function') {
-                  window.game = new window.Game();
-                  window.game.startGame();
-                } else {
-                  console.error("Unable to start game. Please refresh the page.");
-                  alert("Error starting game. Please refresh the page and try again.");
-                }
-              });
-            }
-          } catch (e) {
-            console.error("Emergency game creation failed:", e);
-            alert("Error starting game. Please refresh the page and try again.");
-          }
+          console.error("Game instance still not available after main.js load");
         }
-      }, 1000);
-    }
-  }, 500);
+      }, 100); // Small delay to ensure initialization
+    });
+    
+    return;
+  }
+  
+  console.error("Unable to start game. Please refresh the page.");
 }; 

js/libs/three-setup.js

@@ -1,18 +1,18 @@
-// Import Three.js modules from CDN with explicit version
-const CDN_PATH = 'https://unpkg.com/three@0.159.0/';
+// Import Three.js modules locally
+const LOCAL_PATH = './three/';
 
 // Import core Three.js
-import * as THREE from 'https://unpkg.com/three@0.159.0/build/three.module.js';
+import * as THREE from './three/three.module.js';
 
 // Import controllers
-import { OrbitControls } from 'https://unpkg.com/three@0.159.0/examples/jsm/controls/OrbitControls.js';
+import { OrbitControls } from './three/examples/jsm/controls/OrbitControls.js';
 
 // Import post-processing
-import { EffectComposer } from 'https://unpkg.com/three@0.159.0/examples/jsm/postprocessing/EffectComposer.js';
-import { RenderPass } from 'https://unpkg.com/three@0.159.0/examples/jsm/postprocessing/RenderPass.js';
-import { ShaderPass } from 'https://unpkg.com/three@0.159.0/examples/jsm/postprocessing/ShaderPass.js';
-import { CopyShader } from 'https://unpkg.com/three@0.159.0/examples/jsm/shaders/CopyShader.js';
-import { UnrealBloomPass } from 'https://unpkg.com/three@0.159.0/examples/jsm/postprocessing/UnrealBloomPass.js';
+import { EffectComposer } from './three/examples/jsm/postprocessing/EffectComposer.js';
+import { RenderPass } from './three/examples/jsm/postprocessing/RenderPass.js';
+import { ShaderPass } from './three/examples/jsm/postprocessing/ShaderPass.js';
+import { CopyShader } from './three/examples/jsm/shaders/CopyShader.js';
+import { UnrealBloomPass } from './three/examples/jsm/postprocessing/UnrealBloomPass.js';
 
 // Re-export all modules
 export {