Update index.html

index.html

@@ -107,11 +107,11 @@
     <div class="rules">
         <h2>Simulation Rules</h2>
         <ul>
-            <li>Cancer cells die when surrounded by 3+ cells within <span id="deathProxDisplay">20</span>px</li>
-            <li>Healthy cells die when near 2+ cancer cells within 30px</li>
-            <li>Cancer cells convert isolated healthy cells (no nearby healthy)</li>
-            <li>Cells reproduce based on type-specific rates</li>
-            <li>Cancer cells move 50% faster than healthy cells</li>
+            <li>Cancer cells die when surrounded by 3+ cells within <span id="deathProxDisplay">25</span>px</li>
+            <li>Healthy cells die when near 3+ cancer cells within 25px</li>
+            <li>Healthy cells gain defense from neighbors and move 20% faster</li>
+            <li>Cancer cells become vulnerable when isolated</li>
+            <li>Cells reproduce with population-based adjustments</li>
             <li>Neural networks control movement decisions</li>
         </ul>
     </div>
@@ -119,14 +119,14 @@
     <div class="controls">
         <h2>Simulation Parameters</h2>
         <div class="param-group">
-            <label>Death Proximity (px): <input type="number" id="deathProximity" value="20" min="1"></label>
-            <label>Healthy Death Threshold: <input type="number" id="healthyDeathThreshold" value="2" min="1"></label>
-            <label>Healthy Death Radius: <input type="number" id="healthyDeathRadius" value="30" min="1"></label>
+            <label>Death Proximity (px): <input type="number" id="deathProximity" value="25" min="1"></label>
+            <label>Healthy Death Threshold: <input type="number" id="healthyDeathThreshold" value="3" min="1"></label>
+            <label>Healthy Death Radius: <input type="number" id="healthyDeathRadius" value="25" min="1"></label>
             <label>Hidden Dimension: <input type="number" id="hiddenDim" value="6" min="1"></label>
-            <label>Initial Healthy: <input type="number" id="initialHealthy" value="15" min="1"></label>
-            <label>Initial Cancer: <input type="number" id="initialCancer" value="8" min="1"></label>
-            <label>Mutation Rate: <input type="number" id="mutationRate" value="0.1" step="0.01" min="0"></label>
-            <label>Healthy Repro Rate: <input type="number" id="healthyRepro" value="2" min="0"></label>
+            <label>Initial Healthy: <input type="number" id="initialHealthy" value="20" min="1"></label>
+            <label>Initial Cancer: <input type="number" id="initialCancer" value="5" min="1"></label>
+            <label>Mutation Rate: <input type="number" id="mutationRate" value="0.08" step="0.01" min="0"></label>
+            <label>Healthy Repro Rate: <input type="number" id="healthyRepro" value="3" min="0"></label>
             <label>Cancer Repro Rate: <input type="number" id="cancerRepro" value="1" min="0"></label>
         </div>
 
@@ -237,6 +237,7 @@
                     parent.y + (Math.random() * 40 - 20) : 
                     Math.random() * canvas.height;
                 this.speed = 0;
+                this.defense = type === 'healthy' ? Math.random() * 0.3 : 0;
             }
 
             getNearbyCells() {
@@ -260,14 +261,14 @@
 
                 const [vx, vy] = this.brain.predict(inputs);
                 
-                this.x += vx;
-                this.y += vy;
-                this.speed = Math.hypot(vx, vy);
-
-                if(this.type === 'cancer') {
-                    this.x += vx * 0.5;
-                    this.y += vy * 0.5;
-                    this.speed *= 1.5;
+                if(this.type === 'healthy') {
+                    this.x += vx * 1.2;
+                    this.y += vy * 1.2;
+                    this.speed = Math.hypot(vx, vy) * 1.2;
+                } else {
+                    this.x += vx;
+                    this.y += vy;
+                    this.speed = Math.hypot(vx, vy);
                 }
 
                 this.x = (this.x + canvas.width) % canvas.width;
@@ -275,7 +276,11 @@
             }
 
             draw() {
-                ctx.fillStyle = this.type === 'healthy' ? '#00ff00' : '#ff0000';
+                const baseColor = this.type === 'healthy' ? '#00ff00' : '#ff0000';
+                const defenseBoost = Math.min(this.defense * 100, 50);
+                ctx.fillStyle = this.type === 'healthy' 
+                    ? `hsl(120, 100%, ${50 + defenseBoost}%)`
+                    : baseColor;
                 ctx.beginPath();
                 ctx.arc(this.x, this.y, cellRadius, 0, Math.PI * 2);
                 ctx.fill();
@@ -293,21 +298,36 @@
 
             cellsCopy.forEach((cell) => {
                 if(cell.type === 'healthy') {
+                    const healthyNeighbors = cellsCopy.filter(c => 
+                        c.type === 'healthy' &&
+                        Math.hypot(c.x - cell.x, c.y - cell.y) < 50
+                    );
+                    const defenseBoost = Math.min(healthyNeighbors.length * 0.1, 0.5);
+                    
                     const nearbyCancer = cellsCopy.filter(c => 
                         c.type === 'cancer' &&
                         Math.hypot(c.x - cell.x, c.y - cell.y) < healthyDeathRadius
                     );
-                    if(nearbyCancer.length >= healthyDeathThreshold) {
+                    
+                    if(nearbyCancer.length >= healthyDeathThreshold && 
+                       Math.random() > (cell.defense + defenseBoost)) {
                         cellsToRemove.add(cell);
                     }
                 }
                 
                 if(cell.type === 'cancer') {
+                    const cancerNeighbors = cellsCopy.filter(c => 
+                        c.type === 'cancer' &&
+                        c !== cell &&
+                        Math.hypot(c.x - cell.x, c.y - cell.y) < 60
+                    );
+                    
                     const neighbors = cellsCopy.filter(c => 
                         c !== cell && 
                         Math.hypot(c.x - cell.x, c.y - cell.y) < deathProximity
                     );
-                    if(neighbors.length >= 3) {
+                    
+                    if((neighbors.length >= 3) || (cancerNeighbors.length === 0 && Math.random() < 0.1)) {
                         cellsToRemove.add(cell);
                     }
 
@@ -315,12 +335,8 @@
                         if(other.type === 'healthy' && 
                            Math.hypot(cell.x - other.x, cell.y - other.y) < cellRadius * 2 &&
                            !cellsToConvert.has(other)) {
-                            const healthyNeighbors = cellsCopy.filter(c => 
-                                c !== other && 
-                                c.type === 'healthy' &&
-                                Math.hypot(c.x - other.x, c.y - other.y) < 60
-                            );
-                            if(healthyNeighbors.length === 0) {
+                            const resistance = other.defense + (Math.random() * 0.2);
+                            if(resistance < 0.7) {
                                 cellsToConvert.add(other);
                             }
                         }
@@ -335,12 +351,16 @@
         function reproduceCells() {
             const healthyReproRate = parseInt(document.getElementById('healthyRepro').value);
             const healthyCells = cells.filter(c => c.type === 'healthy');
-            const healthyCandidates = [...healthyCells].sort(() => Math.random() - 0.5).slice(0, healthyReproRate);
+            const boost = Math.max(0, 3 - Math.floor(healthyCells.length / 5));
+            const healthyCandidates = [...healthyCells].sort(() => Math.random() - 0.5)
+                              .slice(0, healthyReproRate + boost);
             healthyCandidates.forEach(cell => cells.push(new Cell('healthy', cell)));
 
             const cancerReproRate = parseInt(document.getElementById('cancerRepro').value);
             const cancerCells = cells.filter(c => c.type === 'cancer');
-            const cancerCandidates = [...cancerCells].sort(() => Math.random() - 0.5).slice(0, cancerReproRate);
+            const penalty = Math.floor(cancerCells.length / 10);
+            const cancerCandidates = [...cancerCells].sort(() => Math.random() - 0.5)
+                            .slice(0, Math.max(0, cancerReproRate - penalty));
             cancerCandidates.forEach(cell => cells.push(new Cell('cancer', cell)));
         }
 
@@ -455,6 +475,16 @@
         });
 
         document.getElementById('reset').addEventListener('click', () => {
+            document.getElementById('deathProximity').value = 25;
+            document.getElementById('healthyDeathThreshold').value = 3;
+            document.getElementById('healthyDeathRadius').value = 25;
+            document.getElementById('hiddenDim').value = 6;
+            document.getElementById('initialHealthy').value = 20;
+            document.getElementById('initialCancer').value = 5;
+            document.getElementById('mutationRate').value = 0.08;
+            document.getElementById('healthyRepro').value = 3;
+            document.getElementById('cancerRepro').value = 1;
+
             cancelAnimationFrame(animationId);
             animationId = null;
             generation = 1;