Update static/tribalStage.js

static/tribalStage.js

@@ -1,4 +1,3 @@
-// At the top of tribalStage.js
 let game;
 
 class TribalStage extends GameStage {
@@ -8,7 +7,7 @@ class TribalStage extends GameStage {
         this.huts = [];
         this.rivalTribes = [];
 
-        // Load 3D models via URLs
+        // Load 3D models via local paths (after downloading and hosting)
         this.loadModels();
     }
 
@@ -30,7 +29,7 @@ class TribalStage extends GameStage {
 
         // Tribal Creature (Player)
         loader.load(
-            "https://polyhaven.com/a/tribal_warrior", // Placeholder; download and host locally
+            "/static/assets/tribal_warrior.gltf",
             (gltf) => {
                 this.creatureModel = gltf.scene;
                 this.creatureModel.scale.set(0.5, 0.5, 0.5); // Scale down for game size
@@ -42,7 +41,7 @@ class TribalStage extends GameStage {
 
         // Hut
         loader.load(
-            "https://polyhaven.com/a/hut", // Placeholder; download and host locally
+            "/static/assets/hut.gltf",
             (gltf) => {
                 this.hutModel = gltf.scene;
                 this.hutModel.scale.set(0.5, 0.5, 0.5);
@@ -53,7 +52,7 @@ class TribalStage extends GameStage {
 
         // Rival Tribe
         loader.load(
-            "https://sketchfab.com/3d-models/tribal-warrior-7b9f9f7e2b7b4a2a8f1c9d0e", // Placeholder; download and host locally
+            "/static/assets/rival_warrior.gltf",
             (gltf) => {
                 this.rivalModel = gltf.scene;
                 this.rivalModel.scale.set(0.5, 0.5, 0.5);
@@ -69,8 +68,6 @@ class TribalStage extends GameStage {
         game = this; // Set the global game reference here
     }
 
-    // ... (rest of the methods remain the same as before)
-
     spawnCreature(x, z) {
         const creature = this.creatureModel.clone();
         creature.position.set(x, 0, z);
@@ -80,7 +77,82 @@ class TribalStage extends GameStage {
         this.updateUI();
     }
 
-    // ... (other methods like gatherFood, buildHut, etc., remain unchanged)
+    spawnRivalTribe(x, z) {
+        const tribe = this.rivalModel.clone();
+        tribe.position.set(x, 0, z);
+        this.scene.add(tribe);
+        this.rivalTribes.push({ model: tribe, members: 3, hostile: true });
+    }
+
+    gatherFood() {
+        this.resources.food += 5 * this.creatures.length;
+        this.updateUI();
+    }
+
+    buildHut() {
+        if (this.resources.food >= 20 && this.huts.length < 5) {
+            this.resources.food -= 20;
+            const hut = this.hutModel.clone();
+            hut.position.set(-5 + this.huts.length, 0, 0);
+            this.scene.add(hut);
+            this.huts.push(hut);
+            this.maxPopulation += 2;
+            this.spawnCreature(0, 0);
+        }
+        this.updateUI();
+    }
+
+    attackTribe() {
+        if (this.rivalTribes.length > 0 && this.creatures.length > 1) {
+            this.rivalTribes[0].members -= 1;
+            if (this.rivalTribes[0].members <= 0) {
+                this.scene.remove(this.rivalTribes[0].model);
+                this.rivalTribes.shift();
+                this.relations = "Victorious";
+            } else {
+                this.relations = "Hostile";
+            }
+            this.updateUI();
+        }
+    }
+
+    socializeTribe() {
+        if (this.rivalTribes.length > 0 && this.resources.food >= 10) {
+            this.resources.food -= 10;
+            this.rivalTribes[0].hostile = false;
+            this.relations = "Friendly";
+            this.updateUI();
+        }
+    }
+
+    applyCreatureChanges() {
+        const color = document.getElementById("creatureColor").value;
+        const scale = parseFloat(document.getElementById("creatureSize").value);
+        this.creatures.forEach(c => {
+            c.model.traverse((child) => {
+                if (child.isMesh) {
+                    child.material.color.set(color);
+                    c.model.scale.set(scale, scale, scale);
+                }
+            });
+        });
+        toggleEditor(); // Hide editor after applying
+    }
+
+    update() {
+        this.creatures.forEach(creature => {
+            creature.model.position.x += (Math.random() - 0.5) * creature.speed;
+            creature.model.position.z += (Math.random() - 0.5) * creature.speed;
+            creature.model.position.x = Math.max(-50, Math.min(50, creature.model.position.x));
+            creature.model.position.z = Math.max(-50, Math.min(50, creature.model.position.z));
+        });
+    }
+
+    animate() {
+        requestAnimationFrame(() => this.animate());
+        this.update();
+        this.renderer.render(this.scene, this.camera);
+    }
 }
 
 document.addEventListener("DOMContentLoaded", () => {