// GameScene — Main Boxing Gameplay class GameScene extends Phaser.Scene { constructor() { super({ key: 'GameScene' }); } init(data) { this.fighterKey = data.fighterKey || 'speedster'; this.currentLevel = data.level || 1; this.totalScore = data.totalScore || 0; this.currentRound = 1; } create() { var w = GAME_WIDTH; var h = GAME_HEIGHT; this.fighter = FIGHTERS[this.fighterKey]; this.opponent = OPPONENTS[this.currentLevel - 1]; this.oppIndex = this.currentLevel - 1; // State this.playerHP = this.fighter.health; this.playerMaxHP = this.fighter.health; this.playerStamina = 100; this.opponentHP = this.opponent.health; this.opponentMaxHP = this.opponent.health; this.roundTime = ROUND_TIME; this.roundTimerRunning = true; this.roundOver = false; this.matchOver = false; this.playerBlocking = false; this.playerDodging = false; this.opponentBlocking = false; this.playerAttacking = false; this.opponentAttacking = false; this.lastAttackTime = 0; this.comboCount = 0; this.lastComboTime = 0; this.score = this.totalScore; this.playerKnockdown = false; this.opponentKnockdown = false; this.knockdownTimer = 0; // AI state this.aiTimer = 0; this.aiNextAttack = this.opponent.attackDelay; this.aiState = 'idle'; this.aiComboLeft = 0; // Ring background this.add.image(w / 2, h / 2, 'ring').setDepth(0); // Overlay var overlay = this.add.rectangle(w / 2, h / 2, w, h, 0x000000, 0.18).setDepth(1); // --- Fighter Sprites --- var ringFloor = 400; this.playerSprite = this.add.image(200, ringFloor, 'boxer_' + this.fighterKey) .setScale(2.0).setDepth(10).setFlipX(false); this.opponentSprite = this.add.image(600, ringFloor, 'boxer_opp_' + this.oppIndex) .setScale(2.0).setDepth(10).setFlipX(true); // Shadow under boxers this.playerShadow = this.add.ellipse(200, ringFloor + 90, 80, 18, 0x000000, 0.4).setDepth(9); this.opponentShadow = this.add.ellipse(600, ringFloor + 90, 80, 18, 0x000000, 0.4).setDepth(9); // --- HUD --- this.createHUD(); // --- Round banner --- this.roundBanner = this.add.text(w / 2, h / 2, 'ROUND ' + this.currentRound, { fontSize: '48px', color: COLORS.textYellow, fontFamily: 'monospace', stroke: '#000000', strokeThickness: 6, }).setOrigin(0.5).setDepth(30).setAlpha(0); this.tweens.add({ targets: this.roundBanner, alpha: 1, duration: 300, yoyo: false, onComplete: () => { this.time.delayedCall(1000, () => { this.tweens.add({ targets: this.roundBanner, alpha: 0, duration: 400 }); }); }, }); // Flash overlay for hits this.flashRect = this.add.rectangle(w / 2, h / 2, w, h, 0xff0000, 0).setDepth(40); // --- Input --- this.keys = this.input.keyboard.addKeys({ jab: Phaser.Input.Keyboard.KeyCodes.A, cross: Phaser.Input.Keyboard.KeyCodes.S, hook: Phaser.Input.Keyboard.KeyCodes.D, block: Phaser.Input.Keyboard.KeyCodes.F, dodge: Phaser.Input.Keyboard.KeyCodes.SPACE, jabAlt: Phaser.Input.Keyboard.KeyCodes.LEFT, crossAlt: Phaser.Input.Keyboard.KeyCodes.UP, hookAlt: Phaser.Input.Keyboard.KeyCodes.RIGHT, blockAlt: Phaser.Input.Keyboard.KeyCodes.DOWN, }); this.input.keyboard.on('keydown-A', () => this.playerPunch('jab')); this.input.keyboard.on('keydown-S', () => this.playerPunch('cross')); this.input.keyboard.on('keydown-D', () => this.playerPunch('hook')); this.input.keyboard.on('keydown-F', () => this.startBlock(true)); this.input.keyboard.on('keyup-F', () => this.startBlock(false)); this.input.keyboard.on('keydown-SPACE', () => this.playerDodge()); // Mobile buttons this.createTouchButtons(); // Round timer this.roundTimerEvent = this.time.addEvent({ delay: 1000, callback: this.tickRoundTimer, callbackScope: this, loop: true, }); // AI attack timer this.aiAttackEvent = this.time.addEvent({ delay: this.opponent.attackDelay, callback: this.runAI, callbackScope: this, loop: true, }); // Stamina regen this.staminaRegen = this.time.addEvent({ delay: 100, callback: () => { if (this.playerStamina < 100) { this.playerStamina = Math.min(100, this.playerStamina + 1.5); this.updateHUD(); } }, loop: true, }); // Combo reset this.comboResetTimer = null; } createHUD() { var w = GAME_WIDTH; // Player HUD (left) this.add.text(20, 14, this.fighter.name.toUpperCase(), { fontSize: '13px', color: this.fighter.colorStr, fontFamily: 'monospace', }).setDepth(20); this.add.text(20, 30, 'HP', { fontSize: '10px', color: '#aaaaaa', fontFamily: 'monospace' }).setDepth(20); this.hpBarBg = this.add.rectangle(95, 36, 180, 14, 0x222222).setDepth(20); this.hpBar = this.add.rectangle(10, 36, 180, 14, 0x39ff14).setDepth(21); this.hpBar.setOrigin(0, 0.5); this.add.text(20, 48, 'STA', { fontSize: '10px', color: '#aaaaaa', fontFamily: 'monospace' }).setDepth(20); this.staBarBg = this.add.rectangle(95, 54, 180, 8, 0x222222).setDepth(20); this.staBar = this.add.rectangle(10, 54, 180, 8, 0xffe600).setDepth(21); this.staBar.setOrigin(0, 0.5); this.hpText = this.add.text(195, 28, this.playerHP + '/' + this.playerMaxHP, { fontSize: '10px', color: '#ffffff', fontFamily: 'monospace', }).setDepth(22); // Opponent HUD (right) this.add.text(w - 20, 14, this.opponent.name.toUpperCase(), { fontSize: '13px', color: this.opponent.colorStr, fontFamily: 'monospace', align: 'right', }).setOrigin(1, 0).setDepth(20); this.add.text(w - 20, 30, 'HP', { fontSize: '10px', color: '#aaaaaa', fontFamily: 'monospace', align: 'right', }).setOrigin(1, 0).setDepth(20); this.oppHpBarBg = this.add.rectangle(w - 95, 36, 180, 14, 0x222222).setDepth(20); this.oppHpBar = this.add.rectangle(w - 10, 36, 180, 14, 0xff3333).setDepth(21); this.oppHpBar.setOrigin(1, 0.5); this.oppHpText = this.add.text(w - 195, 28, this.opponentHP + '/' + this.opponentMaxHP, { fontSize: '10px', color: '#ffffff', fontFamily: 'monospace', align: 'right', }).setDepth(22); // Round timer (center) this.timerText = this.add.text(w / 2, 14, this.formatTime(this.roundTime), { fontSize: '20px', color: COLORS.textYellow, fontFamily: 'monospace', }).setOrigin(0.5, 0).setDepth(20); this.roundText = this.add.text(w / 2, 38, 'RND ' + this.currentRound + '/' + TOTAL_ROUNDS, { fontSize: '12px', color: COLORS.textCyan, fontFamily: 'monospace', }).setOrigin(0.5, 0).setDepth(20); // Score this.scoreText = this.add.text(w / 2, 56, 'SCORE: ' + this.score, { fontSize: '11px', color: COLORS.textWhite, fontFamily: 'monospace', }).setOrigin(0.5, 0).setDepth(20); // Level badge this.add.text(w / 2, 555, 'LVL ' + this.currentLevel + ': ' + this.opponent.title, { fontSize: '12px', color: this.opponent.colorStr, fontFamily: 'monospace', }).setOrigin(0.5).setDepth(20); // Combo text this.comboText = this.add.text(w / 2, 490, '', { fontSize: '22px', color: COLORS.textYellow, fontFamily: 'monospace', stroke: '#000', strokeThickness: 3, }).setOrigin(0.5).setDepth(25).setAlpha(0); // Block indicator this.blockIndicator = this.add.text(220, 360, '🛡 BLOCKING', { fontSize: '14px', color: COLORS.textCyan, fontFamily: 'monospace', }).setOrigin(0.5).setDepth(25).setAlpha(0); } createTouchButtons() { var y = 540; var btnData = [ { label: 'JAB\n[A]', x: 50, color: 0x0044aa, action: () => this.playerPunch('jab') }, { label: 'CROSS\n[S]', x: 130, color: 0x004422, action: () => this.playerPunch('cross') }, { label: 'HOOK\n[D]', x: 210, color: 0x440044, action: () => this.playerPunch('hook') }, { label: 'BLOCK\n[F]', x: 290, color: 0x443300, action: null, hold: true }, { label: 'DODGE\n[SPC]', x: 370, color: 0x003344, action: () => this.playerDodge() }, ]; for (var i = 0; i < btnData.length; i++) { var b = btnData[i]; var btn = this.add.rectangle(b.x, y, 70, 44, b.color, 0.85).setDepth(22); btn.setStrokeStyle(1, 0x888888); btn.setInteractive(); var lbl = this.add.text(b.x, y, b.label, { fontSize: '9px', color: '#ffffff', fontFamily: 'monospace', align: 'center', }).setOrigin(0.5).setDepth(23); if (b.hold) { btn.on('pointerdown', () => this.startBlock(true)); btn.on('pointerup', () => this.startBlock(false)); btn.on('pointerout', () => this.startBlock(false)); } else if (b.action) { btn.on('pointerdown', b.action); } } } tickRoundTimer() { if (!this.roundTimerRunning || this.roundOver) return; this.roundTime--; if (this.timerText) this.timerText.setText(this.formatTime(this.roundTime)); if (this.roundTime <= 10) { if (this.timerText) this.timerText.setColor('#ff3333'); } if (this.roundTime <= 0) { this.endRound('time'); } } formatTime(secs) { var m = Math.floor(secs / 60); var s = secs % 60; return (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s; } updateHUD() { // Player HP bar var hpRatio = Math.max(0, this.playerHP / this.playerMaxHP); this.hpBar.width = Math.max(0, hpRatio * 180); var hpColor = hpRatio > 0.5 ? 0x39ff14 : (hpRatio > 0.25 ? 0xffe600 : 0xff3333); this.hpBar.setFillStyle(hpColor); if (this.hpText) this.hpText.setText(Math.max(0, Math.ceil(this.playerHP)) + '/' + this.playerMaxHP); // Opponent HP bar var oppRatio = Math.max(0, this.opponentHP / this.opponentMaxHP); this.oppHpBar.width = Math.max(0, oppRatio * 180); var oppColor = oppRatio > 0.5 ? 0xff3333 : (oppRatio > 0.25 ? 0xff8800 : 0xff0000); this.oppHpBar.setFillStyle(oppColor); if (this.oppHpText) this.oppHpText.setText(Math.max(0, Math.ceil(this.opponentHP)) + '/' + this.opponentMaxHP); // Stamina bar this.staBar.width = (this.playerStamina / 100) * 180; // Score if (this.scoreText) this.scoreText.setText('SCORE: ' + this.score); } // ============================================================ // PLAYER ACTIONS // ============================================================ playerPunch(type) { if (this.roundOver || this.matchOver) return; if (this.playerBlocking || this.playerDodging) return; if (this.playerAttacking) return; if (this.playerKnockdown) return; var staminaCost = { jab: 8, cross: 14, hook: 18 }[type]; if (this.playerStamina < staminaCost) { this.showFloatingText(250, 430, 'TIRED!', '#ff8800'); this.tweens.add({ targets: this.playerSprite, x: this.playerSprite.x - 5, duration: 50, yoyo: true, repeat: 3 }); return; } this.playerStamina -= staminaCost; this.playerAttacking = true; var baseDmg = { jab: 5, cross: 9, hook: 13 }[type]; var powerMult = 0.5 + (this.fighter.power / 10) * 0.8; var dmg = Math.round(baseDmg * powerMult); // Combo system var now = this.time.now; if (now - this.lastComboTime < 1200) { this.comboCount++; if (this.comboCount >= 3) { dmg = Math.round(dmg * (1 + this.comboCount * 0.12)); this.showCombo(this.comboCount); } } else { this.comboCount = 1; } this.lastComboTime = now; // Punch animation this.tweens.add({ targets: this.playerSprite, x: this.playerSprite.x + 28, duration: 80, yoyo: true, ease: 'Power2', onComplete: () => { this.playerAttacking = false; }, }); // Hit check var hit = false; if (this.opponentBlocking) { var defenseRatio = this.opponent.defense / 10; if (Math.random() > 0.35 * defenseRatio) { dmg = Math.round(dmg * 0.25); this.showFloatingText(600, 350, 'BLOCKED!', '#8888ff'); this.shakeSprite(this.opponentSprite, 4); } else { hit = true; } } else if (this.opponentKnockdown) { hit = false; } else { hit = true; } if (hit) { this.dealDamageToOpponent(dmg, type); } // Punch FX at midpoint var midX = (this.playerSprite.x + this.opponentSprite.x) / 2; var midY = this.playerSprite.y - 20; this.spawnHitEffect(midX, midY, hit ? this.fighter.color : 0x8888ff); this.updateHUD(); } dealDamageToOpponent(dmg, type) { this.opponentHP -= dmg; this.score += dmg * 2; this.showFloatingText(600, 330, (type === 'hook' ? '💥 ' : '') + dmg, '#ffe600'); this.shakeSprite(this.opponentSprite, 8); this.flashScreen(0xff4400, 0.12, 120); createParticleBurst(this, this.opponentSprite.x, this.opponentSprite.y - 30, this.fighter.color, 8); if (this.opponentHP <= 0) { this.opponentHP = 0; this.knockdownOpponent(); } this.updateHUD(); } dealDamageToPlayer(dmg, type) { if (this.playerDodging) { this.showFloatingText(200, 330, 'DODGED!', '#00f5ff'); this.score += 15; return; } if (this.playerBlocking) { var defRatio = this.fighter.defense / 10; if (Math.random() < defRatio * 0.6) { dmg = Math.round(dmg * 0.2); this.showFloatingText(200, 330, 'BLOCKED ' + dmg, '#8888ff'); this.shakeSprite(this.playerSprite, 3); this.playerHP -= dmg; this.updateHUD(); return; } } this.playerHP -= dmg; this.showFloatingText(200, 330, '-' + dmg, '#ff3333'); this.shakeSprite(this.playerSprite, 10); this.flashScreen(0xff0000, 0.2, 150); createParticleBurst(this, this.playerSprite.x, this.playerSprite.y - 30, 0xff3333, 6); if (this.playerHP <= 0) { this.playerHP = 0; this.knockdownPlayer(); } this.updateHUD(); } startBlock(active) { if (this.roundOver || this.playerKnockdown) return; this.playerBlocking = active; if (this.blockIndicator) this.blockIndicator.setAlpha(active ? 1 : 0); if (active) { this.playerSprite.setTint(0x8888ff); } else { this.playerSprite.clearTint(); } } playerDodge() { if (this.roundOver || this.playerKnockdown || this.playerDodging) return; if (this.playerStamina < 15) return; this.playerDodging = true; this.playerStamina -= 15; this.playerSprite.setAlpha(0.4); this.showFloatingText(200, 360, '⚡ DODGE', '#00f5ff'); this.tweens.add({ targets: this.playerSprite, x: this.playerSprite.x - 30, duration: 150, yoyo: true, ease: 'Power2', }); this.time.delayedCall(400, () => { this.playerDodging = false; this.playerSprite.setAlpha(1); }); this.updateHUD(); } // ============================================================ // AI LOGIC // ============================================================ runAI() { if (this.roundOver || this.matchOver || this.opponentKnockdown) return; var ai = this.opponent.ai; // Decide action var roll = Math.random(); if (ai === 'passive') { if (roll < 0.6) this.aiPunch('jab'); else if (roll < 0.75) this.aiBlock(); } else if (ai === 'aggressive') { if (roll < 0.5) this.aiPunch('cross'); else if (roll < 0.75) this.aiPunch('hook'); else this.aiBlock(); } else if (ai === 'combo') { if (roll < 0.4) { this.aiPunch('jab'); this.time.delayedCall(300, () => this.aiPunch('cross')); } else if (roll < 0.65) { this.aiPunch('cross'); this.time.delayedCall(350, () => this.aiPunch('hook')); } else if (roll < 0.8) this.aiBlock(); } else if (ai === 'counter') { // Counter-puncher: blocks more, punches after player attacks if (this.playerAttacking && roll < 0.5) { this.time.delayedCall(150, () => this.aiPunch('cross')); } else if (roll < 0.45) { this.aiBlock(); this.time.delayedCall(500, () => { this.opponentBlocking = false; }); } else if (roll < 0.7) { this.aiPunch('hook'); } } else if (ai === 'champion') { if (roll < 0.3) { this.aiPunch('jab'); this.time.delayedCall(250, () => this.aiPunch('cross')); this.time.delayedCall(500, () => this.aiPunch('hook')); } else if (roll < 0.55) { this.aiPunch('hook'); } else if (roll < 0.75) { this.aiBlock(); this.time.delayedCall(600, () => { this.opponentBlocking = false; }); } else { this.aiDodge(); } } } aiPunch(type) { if (this.roundOver || this.opponentKnockdown) return; this.opponentAttacking = true; var baseDmg = { jab: 4, cross: 8, hook: 12 }[type]; var powerMult = 0.5 + (this.opponent.power / 10) * 0.7; var dmg = Math.round(baseDmg * powerMult); this.tweens.add({ targets: this.opponentSprite, x: this.opponentSprite.x - 24, duration: 90, yoyo: true, ease: 'Power2', onComplete: () => { this.opponentAttacking = false; }, }); var midX = (this.playerSprite.x + this.opponentSprite.x) / 2; this.spawnHitEffect(midX, this.opponentSprite.y - 20, this.opponent.color); this.dealDamageToPlayer(dmg, type); } aiBlock() { this.opponentBlocking = true; this.opponentSprite.setTint(0x8888ff); this.time.delayedCall(700, () => { this.opponentBlocking = false; if (this.opponentSprite) this.opponentSprite.clearTint(); }); } aiDodge() { this.tweens.add({ targets: this.opponentSprite, x: this.opponentSprite.x + 30, duration: 150, yoyo: true, }); } // ============================================================ // KNOCKDOWN SYSTEM // ============================================================ knockdownOpponent() { if (this.opponentKnockdown) return; this.opponentKnockdown = true; this.opponentHP = 0; this.aiAttackEvent.paused = true; this.opponentSprite.setAngle(90); this.showFloatingText(600, 280, 'DOWN!', '#ffe600', 28); this.cameras.main.shake(400, 0.02); createParticleBurst(this, this.opponentSprite.x, this.opponentSprite.y - 20, 0xffe600, 14); this.score += 100 * this.currentLevel; this.time.delayedCall(2000, () => { if (this.roundOver) return; if (this.opponentHP <= 0) { // KO! this.endRound('ko_player'); } else { this.opponentKnockdown = false; this.opponentSprite.setAngle(0); this.aiAttackEvent.paused = false; } }); } knockdownPlayer() { if (this.playerKnockdown) return; this.playerKnockdown = true; this.playerSprite.setAngle(-90); this.startBlock(false); this.showFloatingText(200, 280, 'DOWN!', '#ff3333', 28); this.cameras.main.shake(500, 0.03); createParticleBurst(this, this.playerSprite.x, this.playerSprite.y - 20, 0xff3333, 12); // Count to 8 var count = 0; var countInterval = this.time.addEvent({ delay: 700, repeat: 7, callback: () => { count++; this.showFloatingText(GAME_WIDTH / 2, GAME_HEIGHT / 2 - 40, count.toString(), '#ffe600', 32); }, }); this.time.delayedCall(6000, () => { if (this.roundOver) return; this.playerKnockdown = false; this.playerSprite.setAngle(0); this.playerHP = Math.ceil(this.playerMaxHP * 0.15); this.updateHUD(); if (this.playerHP <= 0) { this.endRound('ko_opponent'); } }); } // ============================================================ // ROUND / MATCH MANAGEMENT // ============================================================ endRound(reason) { if (this.roundOver) return; this.roundOver = true; this.roundTimerRunning = false; if (this.aiAttackEvent) this.aiAttackEvent.paused = true; var w = GAME_WIDTH, h = GAME_HEIGHT; var resultMsg = ''; var playerWon = false; if (reason === 'ko_player') { resultMsg = 'K.O. — YOU WIN!'; playerWon = true; this.score += 200; } else if (reason === 'ko_opponent') { resultMsg = 'K.O. — YOU LOSE!'; playerWon = false; } else { // Time up — judge by HP var playerHpPct = this.playerHP / this.playerMaxHP; var oppHpPct = this.opponentHP / this.opponentMaxHP; if (playerHpPct > oppHpPct) { resultMsg = 'ROUND ' + this.currentRound + ' — YOU WIN!'; playerWon = true; this.score += 50; } else if (oppHpPct > playerHpPct) { resultMsg = 'ROUND ' + this.currentRound + ' — OPPONENT WINS!'; playerWon = false; } else { resultMsg = 'DRAW!'; playerWon = false; } } var overlay2 = this.add.rectangle(w / 2, h / 2, w, h, 0x000000, 0.6).setDepth(30); var banner = this.add.text(w / 2, h / 2 - 50, resultMsg, { fontSize: '32px', color: playerWon ? COLORS.textGreen : COLORS.textPink, fontFamily: 'monospace', stroke: '#000', strokeThickness: 4, }).setOrigin(0.5).setDepth(31).setAlpha(0); this.tweens.add({ targets: banner, alpha: 1, duration: 500 }); var self = this; this.time.delayedCall(2000, function () { if (playerWon) { if (reason === 'ko_player' || (reason === 'time' && resultMsg.includes('YOU WIN'))) { // Player won this round if (self.currentRound < TOTAL_ROUNDS) { // Next round self.currentRound++; self.startNextRound(overlay2, banner); } else { // Beat all rounds on this level — next level or victory self.time.delayedCall(500, function () { if (self.currentLevel >= OPPONENTS.length) { self.showVictory(); } else { self.scene.start('GameScene', { fighterKey: self.fighterKey, level: self.currentLevel + 1, totalScore: self.score, }); } }); } } } else { // Player lost self.time.delayedCall(500, function () { self.scene.start('GameOverScene', { score: self.score, level: self.currentLevel, fighterKey: self.fighterKey, win: false, }); }); } }); } startNextRound(overlay2, banner) { overlay2.destroy(); banner.destroy(); // Restore HP partially this.playerHP = Math.min(this.playerMaxHP, this.playerHP + this.playerMaxHP * 0.35); this.opponentHP = this.opponentMaxHP; this.playerStamina = 100; this.roundTime = ROUND_TIME; this.roundOver = false; this.opponentKnockdown = false; this.playerKnockdown = false; this.playerSprite.setAngle(0); this.opponentSprite.setAngle(0); this.playerSprite.clearTint(); this.opponentSprite.clearTint(); if (this.timerText) this.timerText.setColor(COLORS.textYellow); this.roundText.setText('RND ' + this.currentRound + '/' + TOTAL_ROUNDS); this.roundBanner.setText('ROUND ' + this.currentRound); this.roundBanner.setAlpha(0); this.tweens.add({ targets: this.roundBanner, alpha: 1, duration: 300, onComplete: () => { this.time.delayedCall(1000, () => { this.tweens.add({ targets: this.roundBanner, alpha: 0, duration: 400 }); }); }, }); this.roundTimerRunning = true; if (this.aiAttackEvent) this.aiAttackEvent.paused = false; this.updateHUD(); } showVictory() { var w = GAME_WIDTH, h = GAME_HEIGHT; this.add.rectangle(w / 2, h / 2, w, h, 0x000000, 0.75).setDepth(30); this.add.text(w / 2, h / 2 - 80, '🏆 CHAMPION! 🏆', { fontSize: '36px', color: COLORS.textYellow, fontFamily: 'monospace', stroke: '#000', strokeThickness: 5, }).setOrigin(0.5).setDepth(31); this.add.text(w / 2, h / 2 - 20, 'YOU ARE THE BOXING LEGEND!', { fontSize: '20px', color: COLORS.textCyan, fontFamily: 'monospace', }).setOrigin(0.5).setDepth(31); this.add.text(w / 2, h / 2 + 30, 'FINAL SCORE: ' + this.score, { fontSize: '24px', color: COLORS.textWhite, fontFamily: 'monospace', }).setOrigin(0.5).setDepth(31); this.time.delayedCall(3000, () => { this.scene.start('GameOverScene', { score: this.score, level: this.currentLevel, fighterKey: this.fighterKey, win: true, }); }); } // ============================================================ // VISUAL EFFECTS // ============================================================ spawnHitEffect(x, y, color) { var ring = this.add.circle(x, y, 20, color, 0.7).setDepth(35); this.tweens.add({ targets: ring, scaleX: 2.5, scaleY: 2.5, alpha: 0, duration: 220, onComplete: () => ring.destroy(), }); var star = this.add.text(x, y, '✦', { fontSize: '22px', color: '#ffffff', }).setOrigin(0.5).setDepth(36); this.tweens.add({ targets: star, y: y - 30, alpha: 0, duration: 350, onComplete: () => star.destroy(), }); } showFloatingText(x, y, msg, color, size) { size = size || 16; var t = this.add.text(x, y, msg, { fontSize: size + 'px', color: color, fontFamily: 'monospace', stroke: '#000000', strokeThickness: 3, }).setOrigin(0.5).setDepth(40); this.tweens.add({ targets: t, y: y - 50, alpha: 0, duration: 800, onComplete: () => t.destroy(), }); } shakeSprite(sprite, intensity) { var ox = sprite.x; this.tweens.add({ targets: sprite, x: ox + intensity, duration: 40, yoyo: true, repeat: 3, onComplete: () => { sprite.x = ox; }, }); } flashScreen(color, alpha, duration) { if (!this.flashRect) return; this.flashRect.setFillStyle(color, alpha); this.tweens.add({ targets: this.flashRect, alpha: 0, duration: duration }); } showCombo(count) { if (!this.comboText) return; var labels = ['', '', '', '3x COMBO!', '4x COMBO!!', '5x COMBO!!!']; var msg = count >= 5 ? count + 'x MEGA COMBO!!!' : (labels[count] || count + 'x COMBO!'); this.comboText.setText(msg).setAlpha(1); this.comboText.setScale(1.3); this.tweens.add({ targets: this.comboText, alpha: 0, scale: 1, duration: 1200, delay: 200, }); this.score += count * 10; } // ============================================================ // UPDATE LOOP // ============================================================ update(time, delta) { if (this.roundOver || this.matchOver) return; // Keep sprites on ring var minX = 120, maxX = 680; this.playerSprite.x = Phaser.Math.Clamp(this.playerSprite.x, minX, maxX - 100); this.opponentSprite.x = Phaser.Math.Clamp(this.opponentSprite.x, minX + 100, maxX); // Opponent slowly moves toward player if (!this.opponentKnockdown && !this.opponentBlocking) { var dx = this.playerSprite.x - this.opponentSprite.x; var targetDist = 200; if (Math.abs(dx) > targetDist + 20) { var moveDir = dx > 0 ? -1 : 1; var spd = (this.opponent.speed / 10) * 0.8; this.opponentSprite.x -= moveDir * spd; } } // Player move with arrow keys if (!this.playerKnockdown) { var leftKey = this.input.keyboard.addKey('LEFT'); var rightKey = this.input.keyboard.addKey('RIGHT'); // Use cursor keys for movement if (this.cursors === undefined) { this.cursors = this.input.keyboard.createCursorKeys(); } var moveSpeed = (this.fighter.speed / 10) * 2.2; if (this.cursors.left.isDown || this.input.keyboard.addKey('A').isDown) { // no-op, A is for jab } // Actually use Z and X for movement (or left/right arrow if not punching) } // Opponent shadow follows sprite if (this.opponentShadow) this.opponentShadow.x = this.opponentSprite.x; if (this.playerShadow) this.playerShadow.x = this.playerSprite.x; } }

Boxing legends

Comments1

Created by

Rate this game