// ─── GameScene — StarClone RTS Main Game ───────────────────────────────────── class GameScene extends Phaser.Scene { constructor() { super({ key: 'GameScene' }); } init(data) { this.playerRace = data.race || RACE.TERRAN; var races = [RACE.TERRAN, RACE.ZERG, RACE.PROTOSS]; var others = races.filter(function(r) { return r !== this.playerRace; }, this); this.aiRace = others[Math.floor(Math.random() * others.length)]; } create() { this._gameOver = false; this.projectiles = []; this.selected = []; this.buildMode = null; this._buildGhost = null; // ── CAMERA SETUP ────────────────────────────────────────────────────── this.cameras.main.setBounds(0, 0, MAP_WIDTH, MAP_HEIGHT); this.cameras.main.setScroll(0, 0); this._buildMap(); this._initPlayers(); this._setupInput(); this._startTimers(); this._spawnInitialUnits(); this._buildUI(); this.selGraphics = this.add.graphics().setDepth(200); this.events.once('shutdown', this._cleanup, this); } // ── MAP ─────────────────────────────────────────────────────────────────── _buildMap() { this.mapGfx = this.add.graphics().setDepth(0); this.mapObstacles = []; for (var row = 0; row < MAP_ROWS; row++) { this.mapObstacles[row] = []; for (var col = 0; col < MAP_COLS; col++) { var px = col * TILE_SIZE + TILE_SIZE / 2; var py = row * TILE_SIZE + TILE_SIZE / 2; var nearP = distBetween({ x: px, y: py }, { x: 200, y: 200 }) < 220; var nearAI = distBetween({ x: px, y: py }, { x: MAP_WIDTH-200, y: MAP_HEIGHT-200 }) < 220; var t = (nearP || nearAI) ? 0 : genMapTile(col, row); this.mapObstacles[row][col] = t; var shade = 0.88 + Math.sin(col * 0.7 + row * 0.5) * 0.08; if (t === 1) { this.mapGfx.fillStyle(0x2a2a3a, 1); } else { var g2 = Math.floor(0x22 * shade); var r2 = Math.floor(0x18 * shade); var b2 = Math.floor(0x14 * shade); this.mapGfx.fillStyle((r2 << 16) | (g2 << 8) | b2, 1); } this.mapGfx.fillRect(col * TILE_SIZE, row * TILE_SIZE, TILE_SIZE, TILE_SIZE); } } this.mapGfx.lineStyle(1, 0x1a2a1a, 0.12); for (var c = 0; c <= MAP_COLS; c++) this.mapGfx.lineBetween(c*TILE_SIZE, 0, c*TILE_SIZE, MAP_HEIGHT); for (var r3 = 0; r3 <= MAP_ROWS; r3++) this.mapGfx.lineBetween(0, r3*TILE_SIZE, MAP_WIDTH, r3*TILE_SIZE); // Resources this.resources = []; var mPos = [ {x:280,y:120},{x:320,y:120},{x:360,y:120},{x:280,y:160},{x:160,y:280}, {x:MAP_WIDTH-280,y:MAP_HEIGHT-120},{x:MAP_WIDTH-320,y:MAP_HEIGHT-120}, {x:MAP_WIDTH-360,y:MAP_HEIGHT-120},{x:MAP_WIDTH-280,y:MAP_HEIGHT-160},{x:MAP_WIDTH-160,y:MAP_HEIGHT-280}, {x:MAP_WIDTH/2-60,y:MAP_HEIGHT/2},{x:MAP_WIDTH/2+60,y:MAP_HEIGHT/2}, ]; var scene = this; mPos.forEach(function(p) { var m = scene.add.image(p.x, p.y, 'mineral').setDisplaySize(26, 26).setDepth(3); m.amount = 1500; m.maxAmount = 1500; m.type = 'mineral'; scene.resources.push(m); }); [{x:200,y:220},{x:MAP_WIDTH-200,y:MAP_HEIGHT-220}].forEach(function(p) { var g = scene.add.image(p.x, p.y, 'gas').setDisplaySize(30, 30).setDepth(3); g.amount = 2000; g.maxAmount = 2000; g.type = 'gas'; scene.resources.push(g); }); } // ── PLAYERS ─────────────────────────────────────────────────────────────── _initPlayers() { this.player = { race: this.playerRace, minerals: 200, gas: 0, buildings: [], units: [], isPlayer: true, color: RACE_COLORS[this.playerRace], }; this.ai = { race: this.aiRace, minerals: 200, gas: 0, buildings: [], units: [], isPlayer: false, color: RACE_COLORS[this.aiRace], attackTimer: 0, buildTimer: 0, }; this._placeBuilding(this.player, this._baseType(this.playerRace), 160, 160); this._placeBuilding(this.ai, this._baseType(this.aiRace), MAP_WIDTH-160, MAP_HEIGHT-160); } _baseType(race) { return race===RACE.TERRAN?'cc':race===RACE.ZERG?'hatchery':'nexus'; } _prodType(race) { return race===RACE.TERRAN?'barracks':race===RACE.ZERG?'spawningpool':'gateway'; } _workerType(race) { return race===RACE.TERRAN?'scv':race===RACE.ZERG?'drone':'probe'; } _combatType(race) { return race===RACE.TERRAN?'marine':race===RACE.ZERG?'zergling':'zealot'; } _bulletKey(race) { return race===RACE.TERRAN?'bullet':race===RACE.ZERG?'acid':'psi'; } // ── BUILDING PLACEMENT ──────────────────────────────────────────────────── _placeBuilding(owner, type, x, y) { var stats = BUILDING_STATS[type]; var sprite = this.add.image(x, y, type).setDisplaySize(stats.size, stats.size).setDepth(10); sprite.setTint(owner.color); var b = { sprite, type, x, y, hp: stats.hp, maxHp: stats.hp, owner, trainingQueue: [], trainingTimer: 0, hpBar: null, active: true }; b.hpBar = this._makeHpBar(b, stats.size); owner.buildings.push(b); return b; } _makeHpBar(entity, width) { var bar = this.add.graphics().setDepth(20); this._redrawHpBar(bar, entity, width); return bar; } _redrawHpBar(bar, entity, width) { if (!bar) return; var pct = Math.max(0, entity.hp / entity.maxHp); var ex = entity.x, ey = entity.y; var half = (entity.sprite ? entity.sprite.displayHeight : width) / 2; bar.clear(); bar.fillStyle(0x000000, 0.7); bar.fillRect(ex - width/2, ey - half - 7, width, 4); var col = pct > 0.5 ? 0x44ff44 : pct > 0.25 ? 0xffaa00 : 0xff3333; bar.fillStyle(col, 1); bar.fillRect(ex - width/2, ey - half - 7, width * pct, 4); } // ── UNIT SPAWNING ───────────────────────────────────────────────────────── _spawnUnit(owner, type, x, y) { var stats = UNIT_STATS[type]; var sprite = this.add.image(x, y, type).setDisplaySize(22, 22).setDepth(15); sprite.setTint(owner.color); var u = { sprite, type, x, y, hp: stats.hp, maxHp: stats.hp, damage: stats.damage, range: stats.range, speed: stats.speed, attackRate: stats.attackRate, unitType: stats.type, owner, target: null, state: 'idle', moveTarget: null, gatherTarget: null, returnTarget: null, carryMinerals: 0, carryGas: 0, lastAttack: 0, hpBar: null, active: true, }; u.hpBar = this._makeHpBar(u, 22); owner.units.push(u); return u; } _spawnInitialUnits() { var wt = this._workerType(this.playerRace); for (var i = 0; i < 3; i++) { var u = this._spawnUnit(this.player, wt, 220 + i * 26, 160); this._assignWorker(u, this.player); } var awt = this._workerType(this.aiRace); for (var j = 0; j < 3; j++) { var au = this._spawnUnit(this.ai, awt, MAP_WIDTH-220+j*26, MAP_HEIGHT-160); this._assignWorker(au, this.ai); } } _assignWorker(worker, owner) { var best = null, bestD = Infinity; this.resources.forEach(function(r) { if (r.amount <= 0) return; var d = distBetween(worker, r); if (d < bestD) { bestD = d; best = r; } }); if (best) { worker.gatherTarget = best; worker.state = 'gather'; } } // ── PRODUCTION BUILDING HELPERS ─────────────────────────────────────────── // Returns ALL active production buildings for an owner _allProdBuildings(owner) { var pt = this._prodType(owner.race); return owner.buildings.filter(function(b) { return b.active && b.type === pt; }); } // Returns the production building with the SHORTEST queue (for smart round-robin) _getBestProdBuilding(owner) { var prods = this._allProdBuildings(owner); if (!prods.length) return null; // Sort by queue length ascending, return the one with fewest queued units prods.sort(function(a, b) { return a.trainingQueue.length - b.trainingQueue.length; }); return prods[0]; } // ── UI ──────────────────────────────────────────────────────────────────── _buildUI() { var W = GAME_WIDTH; var panelY = GAME_VIEW_HEIGHT; var raceHex = '#' + RACE_COLORS[this.playerRace].toString(16).padStart(6, '0'); // ── Panel background ────────────────────────────────────────────────── var panel = this.add.graphics().setDepth(300).setScrollFactor(0); panel.fillStyle(0x06080f, 1); panel.fillRect(0, panelY, W, UI_HEIGHT); panel.lineStyle(2, 0x1a3a5a, 1); panel.lineBetween(0, panelY, W, panelY); panel.lineStyle(1, 0x336699, 0.4); panel.lineBetween(0, panelY + 2, W, panelY + 2); // ── LEFT: Resource display (x: 0-190) ──────────────────────────────── this.add.text(14, panelY + 7, this.playerRace.toUpperCase(), { fontSize: '13px', fontFamily: 'monospace', color: raceHex, fontStyle: 'bold' }).setDepth(301).setScrollFactor(0); this.add.text(14, panelY + 27, 'MINERALS', { fontSize: '10px', fontFamily: 'monospace', color: '#336688' }).setDepth(301).setScrollFactor(0); this.minText = this.add.text(14, panelY + 40, '200', { fontSize: '16px', fontFamily: 'monospace', color: '#55aaff', fontStyle: 'bold' }).setDepth(301).setScrollFactor(0); this.add.text(14, panelY + 62, 'VESPENE', { fontSize: '10px', fontFamily: 'monospace', color: '#336633' }).setDepth(301).setScrollFactor(0); this.gasText = this.add.text(14, panelY + 75, '0', { fontSize: '16px', fontFamily: 'monospace', color: '#44ee88', fontStyle: 'bold' }).setDepth(301).setScrollFactor(0); this.add.text(110, panelY + 27, 'UNITS', { fontSize: '10px', fontFamily: 'monospace', color: '#665533' }).setDepth(301).setScrollFactor(0); this.popText = this.add.text(110, panelY + 40, '0', { fontSize: '16px', fontFamily: 'monospace', color: '#ffcc44', fontStyle: 'bold' }).setDepth(301).setScrollFactor(0); // Production building count indicator this.add.text(110, panelY + 62, 'BARRACKS', { fontSize: '10px', fontFamily: 'monospace', color: '#664422' }).setDepth(301).setScrollFactor(0); this.prodCountText = this.add.text(110, panelY + 75, '0', { fontSize: '16px', fontFamily: 'monospace', color: '#ff9933', fontStyle: 'bold' }).setDepth(301).setScrollFactor(0); // ── CENTER: Message text + Action buttons ───────────────────────────── this.msgText = this.add.text(W / 2, panelY + 7, '', { fontSize: '12px', fontFamily: 'monospace', color: '#ffdd66', align: 'center', stroke: '#000000', strokeThickness: 2 }).setOrigin(0.5, 0).setDepth(301).setScrollFactor(0); this._buildActionBtns(panelY); // Controls hint this.add.text(W / 2, panelY + 96, 'Arrows: Scroll | Left-click: Select | Right-click: Command | ESC: Cancel | Hotkeys: W E B A F', { fontSize: '9px', fontFamily: 'monospace', color: '#334455' }).setOrigin(0.5, 0).setDepth(301).setScrollFactor(0); // ── Divider lines ───────────────────────────────────────────────────── var div = this.add.graphics().setDepth(300).setScrollFactor(0); div.lineStyle(1, 0x1a2a3a, 0.9); div.lineBetween(195, panelY + 5, 195, panelY + UI_HEIGHT - 5); div.lineBetween(780, panelY + 5, 780, panelY + UI_HEIGHT - 5); // ── RIGHT: Minimap ──────────────────────────────────────────────────── this._buildMinimap(panelY); } _buildActionBtns(panelY) { var scene = this; var btnDefs = [ { label: 'Train Worker', sub: '[W] 50 min', key: 'train_worker', col: 0x1a3366, hcol: 0x4488ff }, { label: 'Train Combat', sub: '[E] 50-100m', key: 'train_combat', col: 0x1a4422, hcol: 0x33bb44 }, { label: 'Build Prod.', sub: '[B] 100 min', key: 'build_prod', col: 0x442a11, hcol: 0xcc7733 }, { label: 'Attack All', sub: '[A] all units', key: 'attack_all', col: 0x441111, hcol: 0xff3333 }, { label: 'Select All', sub: '[F] all units', key: 'select_all', col: 0x1a2a44, hcol: 0x4477bb }, ]; var btnW = 112, btnH = 80, gap = 5; var totalW = btnDefs.length * btnW + (btnDefs.length - 1) * gap; var startX = 197 + Math.floor((583 - totalW) / 2); btnDefs.forEach(function(b, i) { var bx = startX + i * (btnW + gap); var by = panelY + 14; var g = scene.add.graphics().setDepth(302).setScrollFactor(0); function drawBtn(state) { g.clear(); var fc = state === 'active' ? b.hcol : (state === 'hover' ? Phaser.Display.Color.IntegerToColor(b.hcol).darken(25).color : b.col); g.fillStyle(fc, state === 'normal' ? 0.8 : 1); g.lineStyle(2, state === 'normal' ? 0x223344 : b.hcol, 1); g.fillRoundedRect(bx, by, btnW, btnH, 5); g.strokeRoundedRect(bx, by, btnW, btnH, 5); g.lineStyle(1, b.hcol, state === 'normal' ? 0.25 : 0.6); g.lineBetween(bx + 8, by + 2, bx + btnW - 8, by + 2); } drawBtn('normal'); var zone = scene.add.zone(bx + btnW/2, by + btnH/2, btnW, btnH) .setInteractive({ useHandCursor: true }) .setDepth(310) .setScrollFactor(0); zone.on('pointerover', function() { drawBtn('hover'); }); zone.on('pointerout', function() { drawBtn('normal'); }); zone.on('pointerdown', function() { drawBtn('active'); scene._onBtn(b.key); scene.time.delayedCall(150, function() { drawBtn('normal'); }); }); scene.add.text(bx + btnW/2, by + 26, b.label, { fontSize: '12px', fontFamily: 'monospace', color: '#cce8ff', align: 'center', fontStyle: 'bold' }).setOrigin(0.5, 0.5).setDepth(303).setScrollFactor(0); scene.add.text(bx + btnW/2, by + 45, b.sub, { fontSize: '10px', fontFamily: 'monospace', color: '#7799bb', align: 'center' }).setOrigin(0.5, 0.5).setDepth(303).setScrollFactor(0); // For Train Combat button, store reference to update the sub-label dynamically if (b.key === 'train_combat') { scene._trainCombatSubLabel = scene.add.text(bx + btnW/2, by + 60, '', { fontSize: '9px', fontFamily: 'monospace', color: '#55bb55', align: 'center' }).setOrigin(0.5, 0.5).setDepth(303).setScrollFactor(0); } }); // Keyboard hotkeys this.btnKeys = { train_worker: this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.W), train_combat: this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.E), build_prod: this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.B), attack_all: this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.A), select_all: this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.F), }; } _buildMinimap(panelY) { var mw = 200, mh = UI_HEIGHT - 10; var mx = GAME_WIDTH - mw - 6, my = panelY + 5; this.mm = { x: mx, y: my, w: mw, h: mh, sx: mw / MAP_WIDTH, sy: mh / MAP_HEIGHT }; var mbg = this.add.graphics().setDepth(301).setScrollFactor(0); mbg.fillStyle(0x040c04, 1); mbg.fillRect(mx, my, mw, mh); mbg.lineStyle(1, 0x1a441a, 1); mbg.strokeRect(mx, my, mw, mh); mbg.lineStyle(1, 0x0c200c, 1); for (var gi = 1; gi < 4; gi++) { mbg.lineBetween(mx + gi*(mw/4), my, mx + gi*(mw/4), my + mh); mbg.lineBetween(mx, my + gi*(mh/4), mx + mw, my + gi*(mh/4)); } this.add.text(mx + mw/2, my + 2, 'MINIMAP', { fontSize: '8px', fontFamily: 'monospace', color: '#224422' }).setOrigin(0.5, 0).setDepth(303).setScrollFactor(0); mbg.setInteractive(new Phaser.Geom.Rectangle(mx, my, mw, mh), Phaser.Geom.Rectangle.Contains); var scene = this; mbg.on('pointerdown', function(ptr) { var wx = (ptr.x - mx) / mw * MAP_WIDTH; var wy = (ptr.y - my) / mh * MAP_HEIGHT; scene.cameras.main.centerOn(wx, wy); }); this.mmGfx = this.add.graphics().setDepth(302).setScrollFactor(0); } _updateMinimap() { var mm = this.mm, g = this.mmGfx; g.clear(); this.resources.forEach(function(r) { if (r.amount <= 0) return; g.fillStyle(r.type === 'mineral' ? 0x3377dd : 0x33bb55, 1); g.fillRect(mm.x + r.x * mm.sx - 1, mm.y + r.y * mm.sy - 1, 2, 2); }); [this.player, this.ai].forEach(function(pl) { pl.buildings.forEach(function(b) { if (!b.active) return; g.fillStyle(pl.color, 1); g.fillRect(mm.x + b.x * mm.sx - 3, mm.y + b.y * mm.sy - 3, 6, 6); }); pl.units.forEach(function(u) { if (!u.active) return; g.fillStyle(pl.color, 0.9); g.fillRect(mm.x + u.x * mm.sx - 1, mm.y + u.y * mm.sy - 1, 2, 2); }); }); var cam = this.cameras.main; g.lineStyle(1, 0xaaffaa, 0.5); g.strokeRect( mm.x + cam.scrollX * mm.sx, mm.y + cam.scrollY * mm.sy, cam.width * mm.sx, cam.height * mm.sy ); } // ── INPUT ───────────────────────────────────────────────────────────────── _setupInput() { this.cursorKeys = this.input.keyboard.createCursorKeys(); this.escKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.ESC); var scene = this; this.input.on('pointerdown', function(ptr) { if (ptr.rightButtonDown()) { if (ptr.y < GAME_VIEW_HEIGHT) scene._cmdSelected(ptr.worldX, ptr.worldY); return; } if (ptr.y >= GAME_VIEW_HEIGHT) return; if (scene.buildMode) { scene._tryPlace(ptr.worldX, ptr.worldY); return; } var hit = null; scene.player.buildings.forEach(function(b) { if (!b.active) return; if (Math.abs(b.x - ptr.worldX) < 52 && Math.abs(b.y - ptr.worldY) < 52) hit = { obj: b, kind: 'building' }; }); if (!hit) { scene.player.units.forEach(function(u) { if (!u.active) return; if (Math.abs(u.x - ptr.worldX) < 16 && Math.abs(u.y - ptr.worldY) < 16) hit = { obj: u, kind: 'unit' }; }); } scene.selected = hit ? [hit] : []; scene._updateSelInfo(); }); this.input.mouse && this.input.mouse.disableContextMenu(); } _cmdSelected(wx, wy) { if (!this.selected.length) return; var scene = this; var atkTarget = null; this.ai.buildings.forEach(function(b) { if (b.active && Math.abs(b.x-wx)<58 && Math.abs(b.y-wy)<58) atkTarget = b; }); if (!atkTarget) this.ai.units.forEach(function(u) { if (u.active && Math.abs(u.x-wx)<18 && Math.abs(u.y-wy)<18) atkTarget = u; }); var resTarget = null; this.resources.forEach(function(r) { if (r.amount > 0 && Math.abs(r.x-wx)<22 && Math.abs(r.y-wy)<22) resTarget = r; }); this.selected.forEach(function(sel, i) { if (sel.kind !== 'unit') return; var u = sel.obj; if (atkTarget) { u.target = atkTarget; u.state = 'attack'; u.moveTarget = null; } else if (resTarget && u.unitType === 'worker') { u.gatherTarget = resTarget; u.state = 'gather'; u.target = null; } else { u.moveTarget = { x: wx + (i%4)*24 - 36, y: wy + Math.floor(i/4)*24 - 12 }; u.state = 'move'; u.target = null; } }); var flash = this.add.graphics().setDepth(200); flash.lineStyle(2, 0x00ff88, 1); flash.strokeCircle(wx, wy, 10); this.tweens.add({ targets: flash, alpha: 0, duration: 400, onComplete: function() { flash.destroy(); } }); } _onBtn(key) { if (key === 'train_worker') this._trainWorker(); else if (key === 'train_combat') this._trainCombat(); else if (key === 'build_prod') this._enterBuildMode(); else if (key === 'attack_all') this._attackAll(); else if (key === 'select_all') { this.selected = this.player.units .filter(function(u) { return u.active; }) .map(function(u) { return { obj: u, kind: 'unit' }; }); this._updateSelInfo(); this._msg('Selected ' + this.selected.length + ' units'); } } _trainWorker() { var base = this._playerBase(); if (!base) { this._msg('No base building!'); return; } var wt = this._workerType(this.playerRace), cost = COSTS[wt]; if (this.player.minerals < cost[0]) { this._msg('Need ' + cost[0] + ' minerals!'); return; } this.player.minerals -= cost[0]; this._queue(base, wt); this._msg('Training ' + wt + '...'); } // ── MULTI-BARRACKS TRAINING ─────────────────────────────────────────────── // Finds the production building with the shortest queue and queues the unit there. // This means: more barracks = more parallel training slots = faster unit production. _trainCombat() { var prods = this._allProdBuildings(this.player); if (!prods.length) { this._msg('Build a production building first! [Press B]'); return; } var ct = this._combatType(this.playerRace), cost = COSTS[ct]; if (this.player.minerals < cost[0]) { this._msg('Need ' + cost[0] + ' minerals! (have ' + Math.floor(this.player.minerals) + ')'); return; } this.player.minerals -= cost[0]; // Smart dispatch: send to barracks with the fewest queued units var target = this._getBestProdBuilding(this.player); this._queue(target, ct); // Show status across all production buildings var queueInfo = prods.map(function(b, idx) { return 'B' + (idx+1) + ':' + b.trainingQueue.length; }).join(' '); this._msg('Training ' + ct + ' | Queues: ' + queueInfo); } _enterBuildMode() { var type = this._prodType(this.playerRace), cost = COSTS[type]; if (this.player.minerals < cost[0]) { this._msg('Need ' + cost[0] + ' minerals!'); return; } this.buildMode = type; var count = this._allProdBuildings(this.player).length; this._msg('Click map to place ' + type + ' (cost: ' + cost[0] + 'm) [' + count + ' existing] ESC=cancel'); } _tryPlace(wx, wy) { var type = this.buildMode, cost = COSTS[type]; if (!this._canPlace(wx, wy, type)) { this._msg('Cannot place there!'); return; } if (this.player.minerals < cost[0]) { this._msg('Not enough minerals!'); this.buildMode = null; return; } this.player.minerals -= cost[0]; this._placeBuilding(this.player, type, wx, wy); var count = this._allProdBuildings(this.player).length; this._msg(type.toUpperCase() + ' placed! (' + count + ' total — more = faster training!)'); this.buildMode = null; if (this._buildGhost) { this._buildGhost.destroy(); this._buildGhost = null; } } _canPlace(wx, wy, type) { var size = BUILDING_STATS[type].size; var all = this.player.buildings.concat(this.ai.buildings); for (var i = 0; i < all.length; i++) { var b = all[i]; if (!b.active) continue; var bs = BUILDING_STATS[b.type].size; if (Math.abs(b.x-wx) < (size+bs)/2+10 && Math.abs(b.y-wy) < (size+bs)/2+10) return false; } var col = Math.floor(wx/TILE_SIZE), row = Math.floor(wy/TILE_SIZE); if (col<1||row<1||col>=MAP_COLS-1||row>=MAP_ROWS-1) return false; for (var dc=-1; dc<=1; dc++) for (var dr=-1; dr<=1; dr++) { if (this.mapObstacles[row+dr] && this.mapObstacles[row+dr][col+dc]===1) return false; } return true; } _attackAll() { var tgt = this.ai.buildings.find(function(b) { return b.active; }); if (!tgt) tgt = this.ai.units.find(function(u) { return u.active; }); if (!tgt) { this._msg('No enemy targets!'); return; } var count = 0; this.player.units.forEach(function(u) { if (u.active) { u.target = tgt; u.state = 'attack'; count++; } }); this._msg('Sending ' + count + ' units to attack!'); } _playerBase() { return this.player.buildings.find(function(b) { return b.active && (b.type==='cc'||b.type==='hatchery'||b.type==='nexus'); }); } _aiBase() { return this.ai.buildings.find(function(b) { return b.active && (b.type==='cc'||b.type==='hatchery'||b.type==='nexus'); }); } _aiProd() { var pt = this._prodType(this.aiRace); return this.ai.buildings.find(function(b) { return b.active && b.type===pt; }); } _queue(building, type) { building.trainingQueue.push(type); if (building.trainingTimer <= 0) building.trainingTimer = TRAIN_TIMES[type]; } _updateSelInfo() { if (!this.selected.length) { this.msgText.setText(''); return; } var s = this.selected[0]; if (s.kind === 'building') { var b = s.obj; var isProd = (b.type === this._prodType(this.playerRace) || b.type === this._prodType(this.aiRace)); var q = b.trainingQueue.length ? ' | Queue(' + b.trainingQueue.length + '): ' + b.trainingQueue.slice(0,3).join(', ') + (b.trainingQueue.length > 3 ? '...' : '') : ' | Idle'; var timeLeft = isProd && b.trainingTimer > 0 ? ' [' + Math.ceil(b.trainingTimer/1000) + 's]' : ''; this.msgText.setText('[' + b.type.toUpperCase() + '] HP: ' + Math.floor(b.hp) + '/' + b.maxHp + q + timeLeft); } else { var u = s.obj; var extra = this.selected.length > 1 ? ' (+' + (this.selected.length-1) + ')' : ''; this.msgText.setText('[' + u.type.toUpperCase() + '] HP: ' + Math.floor(u.hp) + '/' + u.maxHp + ' | ' + u.state + extra); } } _msg(txt) { if (this.msgText) this.msgText.setText(txt); if (this._msgT) this._msgT.remove(); var scene = this; this._msgT = this.time.delayedCall(4000, function() { if (scene.msgText) scene.msgText.setText(''); }); } // ── TIMERS ──────────────────────────────────────────────────────────────── _startTimers() { this._resTimer = this.time.addEvent({ delay: RESOURCE_INTERVAL, loop: true, callback: this._tickResources, callbackScope: this }); } _tickResources() { [this.player, this.ai].forEach(function(owner) { var mW = 0, gW = 0; owner.units.forEach(function(u) { if (!u.active || u.unitType !== 'worker') return; if (u.state === 'gather' || u.state === 'return') { if (u.gatherTarget && u.gatherTarget.type === 'mineral') mW++; if (u.gatherTarget && u.gatherTarget.type === 'gas') gW++; } }); owner.minerals += mW * MINERAL_PER_WORKER; owner.gas += gW * GAS_PER_WORKER; }); } // ── AI ──────────────────────────────────────────────────────────────────── _tickAI(dt) { var ai = this.ai; ai.attackTimer += dt; ai.buildTimer += dt; ai.units.forEach(function(u) { if (u.active && u.unitType === 'worker' && u.state === 'idle') this._assignWorker(u, ai); }, this); // AI also uses multi-barracks: builds up to 3 production buildings var aiProds = this._allProdBuildings(ai); if (ai.minerals >= 100 && aiProds.length < 3) { var pt = this._prodType(ai.race); var bx = MAP_WIDTH - 200 + (Math.random() * 140 - 70); var by = MAP_HEIGHT - 280 + (Math.random() * 60 - 30); if (this._canPlace(bx, by, pt)) { ai.minerals -= 100; this._placeBuilding(ai, pt, bx, by); } } var aiWorkers = ai.units.filter(function(u) { return u.active && u.unitType === 'worker'; }).length; if (ai.minerals >= 50 && aiWorkers < 6) { var abase = this._aiBase(); if (abase) { ai.minerals -= 50; this._queue(abase, this._workerType(ai.race)); } } // AI uses smart dispatch across all its production buildings var aiProdList = this._allProdBuildings(ai); if (aiProdList.length > 0) { var ct2 = this._combatType(ai.race); var cost2 = COSTS[ct2][0]; if (ai.minerals >= cost2) { var bestAIProd = this._getBestProdBuilding(ai); if (bestAIProd) { ai.minerals -= cost2; this._queue(bestAIProd, ct2); } } } if (ai.attackTimer > 35000) { ai.attackTimer = 0; var fighters = ai.units.filter(function(u) { return u.active && u.unitType === 'combat'; }); if (fighters.length >= 3) { var tgt = this.player.buildings.find(function(b) { return b.active; }) || this.player.units.find(function(u) { return u.active; }); if (tgt) fighters.forEach(function(u) { u.target = tgt; u.state = 'attack'; }); } } } // ── COMBAT ──────────────────────────────────────────────────────────────── _fireBullet(shooter, target) { var bkey = this._bulletKey(shooter.owner.race); var b = this.add.image(shooter.x, shooter.y, bkey).setDisplaySize(6, 6).setDepth(30); b.targetObj = target; b.dmg = shooter.damage; b.spd = 260; b.live = true; this.projectiles.push(b); if (this.sound.get('sfx-shoot')) this.sound.play('sfx-shoot', { volume: 0.05 }); } _tickProjectiles(dt) { var scene = this; this.projectiles = this.projectiles.filter(function(b) { if (!b.live || !b.active) { b.destroy(); return false; } var t = b.targetObj; if (!t || t.active === false || t.hp <= 0) { b.live = false; b.destroy(); return false; } if (moveToward(b, t.x, t.y, b.spd, dt)) { t.hp -= b.dmg; scene._flash(t); if (t.hp <= 0) scene._kill(t); b.live = false; b.destroy(); return false; } return true; }); } _flash(entity) { var sp = entity.sprite; if (!sp || !sp.active) return; sp.setTintFill(0xff2222); var scene = this; this.time.delayedCall(100, function() { if (sp && sp.active && entity.owner) sp.setTint(entity.owner.color); }); } _kill(entity) { if (!entity.active) return; entity.active = false; entity.hp = 0; var ex = entity.x, ey = entity.y; for (var i = 0; i < 7; i++) { var sp = this.add.image(ex, ey, 'explosion-spark').setDepth(40).setDisplaySize(10, 10); var tx2 = ex + (Math.random() - 0.5) * 70; var ty2 = ey + (Math.random() - 0.5) * 70; this.tweens.add({ targets: sp, x: tx2, y: ty2, alpha: 0, scale: 0.3, duration: 350 + Math.random() * 200, onComplete: function() { sp.destroy(); } }); } if (this.sound.get('sfx-boom')) this.sound.play('sfx-boom', { volume: 0.25 }); this.cameras.main.shake(80, 0.004); if (entity.sprite && entity.sprite.active) entity.sprite.setVisible(false); if (entity.hpBar) { entity.hpBar.destroy(); entity.hpBar = null; } this._checkWin(); } _checkWin() { if (this._gameOver) return; var playerAlive = this.player.buildings.some(function(b) { return b.active; }); var aiAlive = this.ai.buildings.some(function(b) { return b.active; }); if (!aiAlive || !playerAlive) { this._gameOver = true; var won = !aiAlive; var scene = this; this.time.delayedCall(1400, function() { scene.sound.stopAll(); scene.scene.start('GameOverScene', { won: won, race: scene.playerRace }); }); } } // ── TRAINING — now processes each building's queue independently ────────── _tickTraining(dt) { var scene = this; [this.player, this.ai].forEach(function(owner) { owner.buildings.forEach(function(b) { if (!b.active || !b.trainingQueue.length) return; b.trainingTimer -= dt; if (b.trainingTimer <= 0) { var type = b.trainingQueue.shift(); var angle = Math.random() * Math.PI * 2; var off = 70 + Math.random() * 20; var nu = scene._spawnUnit(owner, type, b.x + Math.cos(angle)*off, b.y + Math.sin(angle)*off); if (nu.unitType === 'worker') scene._assignWorker(nu, owner); // Start next item in THIS building's queue immediately b.trainingTimer = b.trainingQueue.length ? TRAIN_TIMES[b.trainingQueue[0]] : 0; } }); }); } // ── UNIT LOGIC ──────────────────────────────────────────────────────────── _tickUnits(dt, time) { var scene = this; [this.player, this.ai].forEach(function(owner) { var foes = owner.isPlayer ? scene.ai : scene.player; owner.units.forEach(function(u) { if (!u.active) return; if (u.unitType === 'combat' && u.state === 'idle') { var near = scene._nearestFoe(u, foes, 180); if (near) { u.target = near; u.state = 'attack'; } } switch (u.state) { case 'idle': break; case 'move': if (u.moveTarget && moveToward(u, u.moveTarget.x, u.moveTarget.y, u.speed, dt)) { u.state = 'idle'; u.moveTarget = null; } break; case 'attack': if (!u.target || !u.target.active || u.target.hp <= 0) { u.target = scene._nearestFoe(u, foes, 400); if (!u.target) { u.state = 'idle'; break; } } var tx = u.target.x, ty = u.target.y; if (distBetween(u, { x: tx, y: ty }) > u.range) { moveToward(u, tx, ty, u.speed, dt); } else if (time - u.lastAttack > u.attackRate) { u.lastAttack = time; scene._fireBullet(u, u.target); } break; case 'gather': var res = u.gatherTarget; if (!res || res.amount <= 0) { scene._assignWorker(u, owner); break; } if (distBetween(u, res) > 22) { moveToward(u, res.x, res.y, u.speed, dt); } else if (time - u.lastAttack > 1800) { u.lastAttack = time; var amt = Math.min(10, res.amount); res.amount -= amt; if (res.type === 'mineral') u.carryMinerals += amt; else u.carryGas += amt; if (res.amount <= 0) { res.setAlpha(0.2); res.setTint(0x444444); } var rb = owner.isPlayer ? scene._playerBase() : scene._aiBase(); u.returnTarget = rb; u.state = 'return'; } break; case 'return': var rb2 = u.returnTarget; if (!rb2 || !rb2.active) { u.state = 'idle'; break; } if (distBetween(u, { x: rb2.x, y: rb2.y }) > 68) { moveToward(u, rb2.x, rb2.y, u.speed, dt); } else { owner.minerals += u.carryMinerals; owner.gas += u.carryGas; u.carryMinerals = 0; u.carryGas = 0; u.state = 'gather'; } break; } if (u.sprite && u.sprite.active) { u.sprite.x = u.x; u.sprite.y = u.y; } scene._redrawHpBar(u.hpBar, u, 22); }); }); } _nearestFoe(unit, foes, maxR) { var best = null, bd = maxR; foes.buildings.forEach(function(b) { if (!b.active) return; var d = distBetween(unit, b); if (d < bd) { bd = d; best = b; } }); foes.units.forEach(function(u) { if (!u.active) return; var d = distBetween(unit, u); if (d < bd) { bd = d; best = u; } }); return best; } // ── MAIN UPDATE ─────────────────────────────────────────────────────────── update(time, delta) { if (this._gameOver) return; var cam = this.cameras.main; var spd = 7; if (this.cursorKeys.left.isDown) cam.scrollX -= spd; if (this.cursorKeys.right.isDown) cam.scrollX += spd; if (this.cursorKeys.up.isDown) cam.scrollY -= spd; if (this.cursorKeys.down.isDown) cam.scrollY += spd; var ptr = this.input.activePointer; if (ptr && !ptr.isDown && ptr.y < GAME_VIEW_HEIGHT) { if (ptr.x < 40) cam.scrollX -= spd; if (ptr.x > GAME_WIDTH - 40) cam.scrollX += spd; if (ptr.y < 40) cam.scrollY -= spd; if (ptr.y > GAME_VIEW_HEIGHT - 40) cam.scrollY += spd; } if (Phaser.Input.Keyboard.JustDown(this.escKey) && this.buildMode) { this.buildMode = null; if (this._buildGhost) { this._buildGhost.destroy(); this._buildGhost = null; } this._msg('Build cancelled.'); } if (this.btnKeys) { if (Phaser.Input.Keyboard.JustDown(this.btnKeys.train_worker)) this._onBtn('train_worker'); if (Phaser.Input.Keyboard.JustDown(this.btnKeys.train_combat)) this._onBtn('train_combat'); if (Phaser.Input.Keyboard.JustDown(this.btnKeys.build_prod)) this._onBtn('build_prod'); if (Phaser.Input.Keyboard.JustDown(this.btnKeys.attack_all)) this._onBtn('attack_all'); if (Phaser.Input.Keyboard.JustDown(this.btnKeys.select_all)) this._onBtn('select_all'); } this._tickUnits(delta, time); this._tickProjectiles(delta); this._tickTraining(delta); this._tickAI(delta); // Redraw building HP bars var scene = this; [this.player, this.ai].forEach(function(owner) { owner.buildings.forEach(function(b) { if (b.active) scene._redrawHpBar(b.hpBar, b, BUILDING_STATS[b.type].size); }); }); // Selection rings this.selGraphics.clear(); this.selected = this.selected.filter(function(sel) { return sel.obj.active; }); this.selected.forEach(function(sel) { var ox = sel.obj.x, oy = sel.obj.y; scene.selGraphics.lineStyle(2, 0x00ff88, 0.9); scene.selGraphics.strokeCircle(ox, oy, sel.kind === 'building' ? 52 : 15); }); // Build ghost if (this.buildMode && ptr) { var wx = cam.scrollX + ptr.x; var wy = cam.scrollY + ptr.y; if (ptr.y < GAME_VIEW_HEIGHT) { if (!this._buildGhost) { this._buildGhost = this.add.image(wx, wy, this.buildMode) .setAlpha(0.55).setDepth(100); this._buildGhost.setDisplaySize(BUILDING_STATS[this.buildMode].size, BUILDING_STATS[this.buildMode].size); } this._buildGhost.x = wx; this._buildGhost.y = wy; this._buildGhost.setTint(this._canPlace(wx, wy, this.buildMode) ? 0x44ff44 : 0xff4444); } } else if (!this.buildMode && this._buildGhost) { this._buildGhost.destroy(); this._buildGhost = null; } // Update resource & population display this.minText.setText(Math.floor(this.player.minerals).toString()); this.gasText.setText(Math.floor(this.player.gas).toString()); this.popText.setText(this.player.units.filter(function(u) { return u.active; }).length.toString()); // Update production building count (labelled as Barracks/Pool/Gateway count) var prodCount = this._allProdBuildings(this.player).length; this.prodCountText.setText(prodCount.toString()); // Update Train Combat sub-label to show total queued across all prod buildings if (this._trainCombatSubLabel) { var prods = this._allProdBuildings(this.player); if (prods.length > 0) { var totalQueued = prods.reduce(function(sum, b) { return sum + b.trainingQueue.length; }, 0); var busyCount = prods.filter(function(b) { return b.trainingQueue.length > 0; }).length; this._trainCombatSubLabel.setText( prods.length + ' bldg | Q:' + totalQueued ); } else { this._trainCombatSubLabel.setText('no barracks'); } } // Update selection info each frame if a building is selected (shows live queue) if (this.selected.length > 0 && this.selected[0].kind === 'building') { this._updateSelInfo(); } this._updateMinimap(); } // ── CLEANUP ─────────────────────────────────────────────────────────────── _cleanup() { if (this._resTimer) { this._resTimer.remove(); this._resTimer = null; } if (this._msgT) { this._msgT.remove(); this._msgT = null; } this.events.removeAllListeners(); } }

Starcraft

Comments1

Created by

Rate this game