From 8e8ece41840f52ce1a91ae8b5ca3b0e7bba3dbb0 Mon Sep 17 00:00:00 2001
From: elioat <elioat@tilde.institute>
Date: Sun, 16 Feb 2025 21:39:03 -0500
Subject: *

---
 html/tower/js/gameState.js | 35 ++++++++++++++++++++++++-----------
 html/tower/js/mechanics.js |  8 ++++++++
 html/tower/js/renderer.js  | 38 +++++++++++++++++++++++++++++++++++++-
 3 files changed, 69 insertions(+), 12 deletions(-)

(limited to 'html')

diff --git a/html/tower/js/gameState.js b/html/tower/js/gameState.js
index 41f25e5..ff64753 100644
--- a/html/tower/js/gameState.js
+++ b/html/tower/js/gameState.js
@@ -10,7 +10,8 @@ const TowerTypes = {
         range: 3,
         damage: 1,
         attackSpeed: 1,
-        color: '#3498db'
+        color: '#3498db',
+        maxAmmo: 15
     },
     SNIPER: {
         name: 'Sniper Tower',
@@ -18,7 +19,8 @@ const TowerTypes = {
         range: 6,
         damage: 2,
         attackSpeed: 0.5,
-        color: '#8e44ad'
+        color: '#8e44ad',
+        maxAmmo: 8
     },
     RAPID: {
         name: 'Rapid Tower',
@@ -26,7 +28,8 @@ const TowerTypes = {
         range: 2,
         damage: 0.5,
         attackSpeed: 2,
-        color: '#16a085'
+        color: '#16a085',
+        maxAmmo: 30
     },
     GOOP: {
         name: 'Goop Tower',
@@ -36,17 +39,19 @@ const TowerTypes = {
         attackSpeed: 1,
         color: '#27ae60',
         special: 'slow',
-        slowAmount: 0.5  // Reduces enemy speed by 50%
+        slowAmount: 0.75,
+        maxAmmo: 20
     },
     AOE: {
         name: 'AOE Tower',
         cost: 45,
         range: 2,
-        damage: 1.5,
+        damage: 3,
         attackSpeed: 0.3,
         color: '#d35400',
         special: 'aoe',
-        aoeRadius: 1  // Additional tiles affected
+        aoeRadius: 4,
+        maxAmmo: 10
     }
 };
 
@@ -96,13 +101,15 @@ const EnemyTypes = {
 };
 
 function createTower(type, position) {
+    const towerType = TowerTypes[type];
     return {
-        ...TowerTypes[type],
+        ...towerType,
         type,
         position,
         lastAttackTime: 0,
         currentHealth: 10,
-        maxHealth: 10
+        maxHealth: 10,
+        ammo: towerType.maxAmmo  // Initialize ammo
     };
 }
 
@@ -174,14 +181,20 @@ const gameState = {
     
     // Add method to advance to next level
     advanceToNextLevel() {
+        // Award bonus for remaining ammo
+        let ammoBonus = 0;
+        this.towers.forEach(tower => {
+            ammoBonus += tower.ammo * 2;
+        });
+        this.currency += ammoBonus;
+        
         this.level++;
         this.phase = GamePhase.PLACEMENT;
-        this.towers = [];  // Clear existing towers
+        this.towers = [];
         this.enemies = [];
         this.projectiles = [];
         this.particles = [];
         this.grid = Array(20).fill().map(() => Array(20).fill('empty'));
-        // Award bonus currency for reaching new level
-        this.currency += 10;
+        this.currency += 10;  // Level completion bonus
     }
 }; 
\ No newline at end of file
diff --git a/html/tower/js/mechanics.js b/html/tower/js/mechanics.js
index f2ec57b..13b3ce8 100644
--- a/html/tower/js/mechanics.js
+++ b/html/tower/js/mechanics.js
@@ -153,6 +153,14 @@ function createSlimeTrail(enemy, cellSize) {
 }
 
 function handleTowerAttack(tower, target, projectiles, particles, timestamp, cellSize) {
+    // Check if tower has ammo
+    if (tower.ammo <= 0) {
+        return;
+    }
+    
+    // Decrease ammo
+    tower.ammo--;
+    
     projectiles.push({
         startPos: tower.position,
         targetPos: target.position,
diff --git a/html/tower/js/renderer.js b/html/tower/js/renderer.js
index cd2d11d..9bebe0b 100644
--- a/html/tower/js/renderer.js
+++ b/html/tower/js/renderer.js
@@ -114,7 +114,7 @@ function renderTowers(ctx, towers) {
     towers.forEach(tower => {
         const healthPercent = tower.currentHealth / tower.maxHealth;
         
-        // Draw tower body with opacity based on health
+        // Draw tower body
         ctx.fillStyle = tower.color + Math.floor(healthPercent * 255).toString(16).padStart(2, '0');
         ctx.fillRect(
             tower.position.x * cellSize + cellSize * 0.1,
@@ -123,6 +123,16 @@ function renderTowers(ctx, towers) {
             cellSize * 0.8
         );
         
+        // Draw ammo count
+        ctx.fillStyle = 'white';
+        ctx.font = '12px Arial';
+        ctx.textAlign = 'center';
+        ctx.fillText(
+            tower.ammo,
+            (tower.position.x + 0.5) * cellSize,
+            (tower.position.y + 0.7) * cellSize
+        );
+        
         // Draw range indicator
         if (gameState.phase === GamePhase.PLACEMENT) {
             ctx.beginPath();
@@ -277,4 +287,30 @@ function renderProjectiles(ctx, projectiles) {
             ctx.fill();
         }
     });
+}
+
+// Update level complete message in game.js
+function handleLevelComplete() {
+    gameState.phase = GamePhase.TRANSITION;
+    
+    // Calculate ammo bonus
+    let ammoBonus = 0;
+    gameState.towers.forEach(tower => {
+        ammoBonus += tower.ammo * 2;
+    });
+    
+    const message = `
+        Level ${gameState.level} Complete!
+        Current Money: $${gameState.currency}
+        Ammo Bonus: +$${ammoBonus}
+        Level Bonus: +$10
+        
+        Ready for Level ${gameState.level + 1}?
+    `;
+    
+    setTimeout(() => {
+        if (confirm(message)) {
+            startNextLevel();
+        }
+    }, 100);
 } 
\ No newline at end of file
-- 
cgit 1.4.1-2-gfad0

<a id='n89' href='#n89'>89</a>
<a id='n90' href='#n90'>90</a>
<a id='n91' href='#n91'>91</a>
<a id='n92' href='#n92'>92</a>
<a id='n93' href='#n93'>93</a>
<a id='n94' href='#n94'>94</a>
<a id='n95' href='#n95'>95</a>
<a id='n96' href='#n96'>96</a>
<a id='n97' href='#n97'>97</a>
<a id='n98' href='#n98'>98</a>
<a id='n99' href='#n99'>99</a>
<a id='n100' href='#n100'>100</a>
<a id='n101' href='#n101'>101</a>
<a id='n102' href='#n102'>102</a>
<a id='n103' href='#n103'>103</a>
<a id='n104' href='#n104'>104</a>
<a id='n105' href='#n105'>105</a>
<a id='n106' href='#n106'>106</a>
<a id='n107' href='#n107'>107</a>
<a id='n108' href='#n108'>108</a>
<a id='n109' href='#n109'>109</a>
<a id='n110' href='#n110'>110</a>
<a id='n111' href='#n111'>111</a>
<a id='n112' href='#n112'>112</a>
<a id='n113' href='#n113'>113</a>
<a id='n114' href='#n114'>114</a>
<a id='n115' href='#n115'>115</a>
<a id='n116' href='#n116'>116</a>
<a id='n117' href='#n117'>117</a>
<a id='n118' href='#n118'>118</a>
<a id='n119' href='#n119'>119</a>
<a id='n120' href='#n120'>120</a>
<a id='n121' href='#n121'>121</a>
<a id='n122' href='#n122'>122</a>
<a id='n123' href='#n123'>123</a>
<a id='n124' href='#n124'>124</a>
</pre></td>
<td class='lines'><pre><code>