Update static/game.js

static/game.js

@@ -5,25 +5,30 @@ class GameStage {
         this.resources = { food: 0 };
         this.population = 1;
         this.maxPopulation = 5;
+        this.relations = "Neutral"; // Tribal relations
     }
 
     updateUI() {
         document.getElementById("resources").textContent = `Food: ${this.resources.food}`;
         document.getElementById("population").textContent = `Tribe: ${this.population}/${this.maxPopulation}`;
+        document.getElementById("relations").textContent = `Relations: ${this.relations}`;
     }
 
-    loadAsset(path) {
+    loadAsset(url) {
         const img = new Image();
-        img.src = path;
+        img.crossOrigin = "Anonymous"; // For CORS compatibility
+        img.src = url;
         return img;
     }
 }
 
-// Global functions for UI buttons
-function gatherFood() {
-    game.gatherFood();
+// Global UI functions
+function gatherFood() { game.gatherFood(); }
+function buildHut() { game.buildHut(); }
+function attackTribe() { game.attackTribe(); }
+function socializeTribe() { game.socializeTribe(); }
+function toggleEditor() {
+    const editor = document.getElementById("editor");
+    editor.style.display = editor.style.display === "none" ? "block" : "none";
 }
-
-function buildHut() {
-    game.buildHut();
-}
+function applyChanges() { game.applyCreatureChanges(); }