/**** 
* Plugins
****/ 
var tween = LK.import("@upit/tween.v1");

/**** 
* Classes
****/ 
// --- Arena class ---
// Provides a background and groundY property for fighter placement
var Arena = Container.expand(function () {
	var self = Container.call(this);
	// Add arena background image, anchored at top-left
	var bg = self.attachAsset('arena_bg', {
		anchorX: 0,
		anchorY: 0,
		x: 0,
		y: 0
	});
	// Set groundY to a reasonable value for fighter placement
	// Place ground near the bottom of the visible area, but above the very bottom
	self.groundY = 2048 + 300; // 2048 is the base height, +300 for a bit above the bottom
	return self;
});
// --- Fighter class ---
// Handles player and AI fighter logic, health, attacks, movement, and health bar
var Fighter = Container.expand(function () {
	var self = Container.call(this);
	// --- Properties ---
	self.maxHealth = 100;
	self.health = self.maxHealth;
	self.moveSpeed = 18;
	self.jumpStrength = 60;
	self.gravity = 6;
	self.isJumping = false;
	self.isAttacking = false;
	self.isSpecialReady = true;
	self.specialCooldown = 180; // 3 seconds at 60fps
	self.specialTimer = 0;
	self.immobile = false;
	self.isFacingRight = true;
	self.attackCooldown = 72; // 1.2 seconds at 60fps
	self.attackTimer = 0;
	self.lastJumpPressed = false;
	// --- Visuals ---
	var sprite = self.attachAsset('fighter', {
		anchorX: 0.5,
		anchorY: 1.0,
		x: 0,
		y: 0
	});
	// Health bar container
	self.healthBar = new Container();
	// Health bar background
	var healthBarBg = LK.getAsset('healthbar_bg', {
		anchorX: 0,
		anchorY: 0.5,
		x: 0,
		y: 0
	});
	self.healthBar.addChild(healthBarBg);
	// Health bar foreground
	var healthBarFg = LK.getAsset('healthbar_fg', {
		anchorX: 0,
		anchorY: 0.5,
		x: 0,
		y: 0
	});
	self.healthBar.addChild(healthBarFg);
	self.healthBar.width = 300;
	self.healthBar.height = 50;
	self.healthBarFg = healthBarFg;
	self.updateHealthBar = function () {
		var pct = Math.max(0, self.health / self.maxHealth);
		self.healthBarFg.width = 300 * pct;
	};
	self.updateHealthBar();
	// --- Methods ---
	self.setFacing = function (right) {
		self.isFacingRight = right;
		sprite.scaleX = right ? 1 : -1;
	};
	self.jump = function () {
		if (!self.isJumping && !self.immobile) {
			self.isJumping = true;
			self.vy = -self.jumpStrength;
		}
	};
	self.attack = function () {
		if (self.isAttacking || self.immobile || self.attackTimer > 0) return;
		self.isAttacking = true;
		self.attackTimer = self.attackCooldown;
		// Create attack object
		var atk = new Attack(self, false);
		atk.x = self.x + (self.isFacingRight ? 120 : -120);
		atk.y = self.y - 200;
		attacks.push(atk);
		game.addChild(atk);
		// End attack after short delay
		LK.setTimeout(function () {
			self.isAttacking = false;
		}, 300);
	};
	self.special = function () {
		if (!self.isSpecialReady || self.immobile) return;
		self.isSpecialReady = false;
		self.specialTimer = self.specialCooldown;
		// Create special attack object
		var atk = new Attack(self, true);
		atk.x = self.x + (self.isFacingRight ? 180 : -180);
		atk.y = self.y - 200;
		attacks.push(atk);
		game.addChild(atk);
	};
	self.takeDamage = function (amount, dir, knockback) {
		if (self.immobile) return;
		self.health -= amount;
		self.updateHealthBar();
		// Knockback
		self.x += (dir || 1) * (knockback || 32);
		// Clamp to arena
		self.x = Math.max(120, Math.min(2048 - 120, self.x));
	};
	self.update = function () {
		// Attack cooldown
		if (self.attackTimer > 0) {
			self.attackTimer--;
		}
		// Special cooldown
		if (!self.isSpecialReady) {
			if (self.specialTimer > 0) {
				self.specialTimer--;
			}
			if (self.specialTimer <= 0) {
				self.isSpecialReady = true;
			}
		}
		// Jumping physics
		if (self.isJumping) {
			if (typeof self.vy === "undefined") self.vy = 0;
			self.y += self.vy;
			self.vy += self.gravity;
			// Land on ground
			if (self.y >= arena.groundY) {
				self.y = arena.groundY;
				self.isJumping = false;
				self.vy = 0;
			}
		}
	};
	return self;
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x000000
});

/**** 
* Game Code
****/ 
// --- Arena setup ---
//Note game dimensions are 2048x2732
//Minimalistic tween library which should be used for animations over time, including tinting / colouring an object, scaling, rotating, or changing any game object property.
var arena = new Arena();
arena.x = 0;
arena.y = 0;
game.addChild(arena);
// --- Fixed ground platform (visual) ---
var groundHeight = 60;
var groundTileWidth = LK.getAsset('ground', {
	anchorX: 0,
	anchorY: 0
}).width;
var groundY = arena.groundY - 100; // Move ground even further down by reducing the offset (was -300)
var groundTiles = [];
var numGroundTiles = Math.ceil(2048 / groundTileWidth); // Only enough to fill the screen
for (var i = 0; i < numGroundTiles; i++) {
	var groundTile = LK.getAsset('ground', {
		anchorX: 0,
		anchorY: 0,
		x: i * groundTileWidth,
		y: groundY
	});
	game.addChild(groundTile);
	groundTiles.push(groundTile);
}
// No infinite scrolling, ground is fixed and does not move
// --- Fighters ---
var fighter1 = new Fighter();
fighter1.lastJumpPressed = false;
var fighter2 = new Fighter();
// Place fighters on opposite sides
fighter1.x = 600;
fighter1.y = arena.groundY;
fighter1.setFacing(true);
fighter2.x = 2048 - 600;
fighter2.y = arena.groundY;
fighter2.setFacing(false);
game.addChild(fighter1);
game.addChild(fighter2);
// --- Health bar GUI ---
// Removed number healthbars (Text2 healthBar1 and healthBar2)
// Move the box healthbars (fighter healthBar containers) to a more visible, symmetric place below the timer at the top center
// Remove from fighter containers and add to GUI, position symmetrically below timer
fighter1.removeChild(fighter1.healthBar);
fighter2.removeChild(fighter2.healthBar);
// Place both healthbars below the timer, offset horizontally from center
fighter1.healthBar.x = -550;
fighter1.healthBar.y = 170;
fighter2.healthBar.x = 250;
fighter2.healthBar.y = 170;
LK.gui.top.addChild(fighter1.healthBar);
LK.gui.top.addChild(fighter2.healthBar);
// --- Round and timer ---
var round = 1;
var maxRounds = 3;
var wins1 = 0;
var wins2 = 0;
var roundTime = 60 * 30; // 30 seconds at 60fps
var roundTimer = roundTime;
var timerText = new Text2('30', {
	size: 80,
	fill: "#fff"
});
timerText.anchor.set(0.5, 0);
LK.gui.top.addChild(timerText);
// --- Touch controls (mobile-friendly) ---
var leftPressed = false,
	rightPressed = false,
	atkPressed = false,
	jumpPressed = false,
	spcPressed = false;
// Special attack cooldown overlay for button
var spcCooldownOverlay = LK.getAsset('healthbar_bg', {
	anchorX: 0.5,
	anchorY: 0.5,
	width: 180,
	height: 180,
	color: 0x000000
});
spcCooldownOverlay.alpha = 0.5;
spcCooldownOverlay.visible = false;
spcCooldownOverlay.x = 2048 - 350;
spcCooldownOverlay.y = 2450;
game.addChild(spcCooldownOverlay);
var spcCooldownText = new Text2('3', {
	size: 90,
	fill: "#fff"
});
spcCooldownText.anchor.set(0.5, 0.5);
spcCooldownText.x = 2048 - 350;
spcCooldownText.y = 2450;
spcCooldownText.visible = false;
game.addChild(spcCooldownText);
// Special attack cooldown counter above the special attack button
var spcCooldownCounter = new Text2('', {
	size: 60,
	fill: "#fff"
});
spcCooldownCounter.anchor.set(0.5, 1.0);
// Place above the special button (btnSpc)
spcCooldownCounter.x = 2048 - 350;
spcCooldownCounter.y = 2450 - 120;
spcCooldownCounter.visible = false;
game.addChild(spcCooldownCounter);
// Control buttons (simple rectangles for now)
var btnLeft = LK.getAsset('btn_left', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 200,
	y: 2600,
	scaleX: 1.8,
	scaleY: 1.8
});
var btnRight = LK.getAsset('btn_right', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 500,
	y: 2600,
	scaleX: 1.8,
	scaleY: 1.8
});
var btnAtk = LK.getAsset('btn_atk', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 - 500,
	y: 2600,
	scaleX: 1.8,
	scaleY: 1.8
});
var btnJump = LK.getAsset('btn_jump', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 - 200,
	y: 2600,
	scaleX: 1.8,
	scaleY: 1.8
});
var btnSpc = LK.getAsset('btn_spc', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 - 350,
	y: 2450,
	scaleX: 1.8,
	scaleY: 1.8
});
game.addChild(btnLeft);
game.addChild(btnRight);
game.addChild(btnAtk);
game.addChild(btnJump);
game.addChild(btnSpc);
// Button event helpers
btnLeft.down = function () {
	leftPressed = true;
};
btnLeft.up = function () {
	leftPressed = false;
};
btnRight.down = function () {
	rightPressed = true;
};
btnRight.up = function () {
	rightPressed = false;
};
btnAtk.down = function () {
	atkPressed = true;
};
btnAtk.up = function () {
	atkPressed = false;
};
btnJump.down = function () {
	jumpPressed = true;
};
btnJump.up = function () {
	jumpPressed = false;
};
btnSpc.down = function () {
	spcPressed = true;
};
btnSpc.up = function () {
	spcPressed = false;
};
// --- Attacks array ---
var attacks = [];
// --- Game update loop ---
game.update = function () {
	// --- Timer ---
	if (roundTimer > 0) {
		roundTimer--;
		timerText.setText(Math.ceil(roundTimer / 60));
	}
	// --- Ground is fixed, no update needed ---
	// --- Player 1 controls (left side) ---
	if (!fighter1.immobile) {
		if (leftPressed) {
			fighter1.x = Math.max(120, fighter1.x - fighter1.moveSpeed);
			fighter1.setFacing(false);
		}
		if (rightPressed) {
			fighter1.x = Math.min(2048 - 120, fighter1.x + fighter1.moveSpeed);
			fighter1.setFacing(true);
		}
		// Only trigger jump on the frame the button is pressed (rising edge)
		if (jumpPressed && !fighter1.lastJumpPressed) {
			fighter1.jump();
		}
		if (atkPressed) {
			fighter1.attack();
		}
		if (spcPressed) {
			if (fighter1.isSpecialReady) {
				fighter1.special();
			}
		}
	}
	fighter1.lastJumpPressed = jumpPressed;
	// --- Special attack cooldown overlay update ---
	if (!fighter1.isSpecialReady) {
		spcCooldownOverlay.visible = true;
		spcCooldownText.visible = true;
		var secondsLeft = Math.ceil(fighter1.specialTimer / 60);
		spcCooldownText.setText(secondsLeft);
		// Show and update the counter above the special button
		spcCooldownCounter.visible = true;
		spcCooldownCounter.setText(secondsLeft + "s");
	} else {
		spcCooldownOverlay.visible = false;
		spcCooldownText.visible = false;
		spcCooldownCounter.visible = false;
	}
	// --- AI for fighter2 (simple: move toward player, attack if close) ---
	if (!fighter2.immobile) {
		var dx = fighter1.x - fighter2.x;
		if (Math.abs(dx) > 180) {
			if (dx < 0) {
				fighter2.x -= fighter2.moveSpeed * 0.7;
				fighter2.setFacing(false);
			} else {
				fighter2.x += fighter2.moveSpeed * 0.7;
				fighter2.setFacing(true);
			}
		} else if (!fighter2.isAttacking && Math.random() < 0.04) {
			fighter2.attack();
		}
		if (!fighter2.isJumping && Math.random() < 0.01) {
			fighter2.jump();
		}
		if (fighter2.isSpecialReady && Math.random() < 0.008) {
			fighter2.special();
		}
	}
	// --- Update fighters ---
	fighter1.update();
	fighter2.update();
	// --- Update attacks ---
	for (var i = attacks.length - 1; i >= 0; i--) {
		var atk = attacks[i];
		atk.update();
		// Remove if destroyed
		if (atk.destroyed) {
			attacks.splice(i, 1);
			continue;
		}
		// Set owner if not set
		if (!atk.owner) {
			atk.setOwner(atk.isSpecial ? atk.x < 2048 / 2 ? fighter1 : fighter2 : fighter1);
		}
		// Check collision
		var target = atk.owner === fighter1 ? fighter2 : fighter1;
		if (atk.intersects(target) && !atk.hit) {
			// Knockback direction: +1 if attacker is facing right, -1 if left
			var knockbackDir = atk.owner && atk.owner.isFacingRight ? 1 : -1;
			// Knockback strength: special attacks knock back a LOT more (much stronger effect)
			var knockbackStrength = atk.isSpecial ? 120 : 32;
			target.takeDamage(atk.damage, knockbackDir, knockbackStrength);
			atk.hit = true;
			atk.destroy();
			// Flash on hit
			LK.effects.flashObject(target, 0xff0000, 200);
			// Show a visible attack effect at the hit location, rotated to match the attack direction
			var hitEffect = LK.getAsset(atk.isSpecial ? 'special_attack' : 'attack', {
				anchorX: 0.5,
				anchorY: 0.5,
				x: target.x,
				y: target.y - 200
			});
			// Rotate the effect to match the direction the attacker is facing
			if (atk.owner && atk.owner.isFacingRight === false) {
				hitEffect.rotation = Math.PI; // Face left
			} else {
				hitEffect.rotation = 0; // Face right (default)
			}
			game.addChild(hitEffect);
			// Animate the effect: scale up and fade out, then destroy
			hitEffect.scaleX = hitEffect.scaleY = 1.2;
			hitEffect.alpha = 1;
			tween(hitEffect, {
				scaleX: 2.0,
				scaleY: 2.0,
				alpha: 0
			}, {
				duration: 350,
				onFinish: function onFinish() {
					if (hitEffect && hitEffect.destroy) hitEffect.destroy();
				}
			});
		}
	}
	// --- Health bar updates ---
	// Removed number healthbars update
	// --- Win/lose/round logic ---
	var roundOver = false;
	var winner = null;
	if (fighter1.health <= 0) {
		wins2++;
		roundOver = true;
		winner = 2;
	} else if (fighter2.health <= 0) {
		wins1++;
		roundOver = true;
		winner = 1;
	} else if (roundTimer <= 0) {
		if (fighter1.health > fighter2.health) {
			wins1++;
			winner = 1;
		} else if (fighter2.health > fighter1.health) {
			wins2++;
			winner = 2;
		} else {
			// Draw, no one gets a win
		}
		roundOver = true;
	}
	if (roundOver) {
		if (wins1 >= 2) {
			LK.showYouWin();
			return;
		} else if (wins2 >= 2) {
			LK.showGameOver();
			return;
		}
		// Next round
		round++;
		roundTimer = roundTime;
		fighter1.health = fighter1.maxHealth;
		fighter2.health = fighter2.maxHealth;
		fighter1.updateHealthBar();
		fighter2.updateHealthBar();
		fighter1.x = 600;
		fighter2.x = 2048 - 600;
		fighter1.setFacing(true);
		fighter2.setFacing(false);
		// Remove all attacks
		for (var j = attacks.length - 1; j >= 0; j--) {
			if (attacks[j].destroy) attacks[j].destroy();
		}
		attacks = [];
	}
};

===================================================================
--- original.js
+++ change.js
@@ -21,8 +21,136 @@
 	// Place ground near the bottom of the visible area, but above the very bottom
 	self.groundY = 2048 + 300; // 2048 is the base height, +300 for a bit above the bottom
 	return self;
 });
+// --- Fighter class ---
+// Handles player and AI fighter logic, health, attacks, movement, and health bar
+var Fighter = Container.expand(function () {
+	var self = Container.call(this);
+	// --- Properties ---
+	self.maxHealth = 100;
+	self.health = self.maxHealth;
+	self.moveSpeed = 18;
+	self.jumpStrength = 60;
+	self.gravity = 6;
+	self.isJumping = false;
+	self.isAttacking = false;
+	self.isSpecialReady = true;
+	self.specialCooldown = 180; // 3 seconds at 60fps
+	self.specialTimer = 0;
+	self.immobile = false;
+	self.isFacingRight = true;
+	self.attackCooldown = 72; // 1.2 seconds at 60fps
+	self.attackTimer = 0;
+	self.lastJumpPressed = false;
+	// --- Visuals ---
+	var sprite = self.attachAsset('fighter', {
+		anchorX: 0.5,
+		anchorY: 1.0,
+		x: 0,
+		y: 0
+	});
+	// Health bar container
+	self.healthBar = new Container();
+	// Health bar background
+	var healthBarBg = LK.getAsset('healthbar_bg', {
+		anchorX: 0,
+		anchorY: 0.5,
+		x: 0,
+		y: 0
+	});
+	self.healthBar.addChild(healthBarBg);
+	// Health bar foreground
+	var healthBarFg = LK.getAsset('healthbar_fg', {
+		anchorX: 0,
+		anchorY: 0.5,
+		x: 0,
+		y: 0
+	});
+	self.healthBar.addChild(healthBarFg);
+	self.healthBar.width = 300;
+	self.healthBar.height = 50;
+	self.healthBarFg = healthBarFg;
+	self.updateHealthBar = function () {
+		var pct = Math.max(0, self.health / self.maxHealth);
+		self.healthBarFg.width = 300 * pct;
+	};
+	self.updateHealthBar();
+	// --- Methods ---
+	self.setFacing = function (right) {
+		self.isFacingRight = right;
+		sprite.scaleX = right ? 1 : -1;
+	};
+	self.jump = function () {
+		if (!self.isJumping && !self.immobile) {
+			self.isJumping = true;
+			self.vy = -self.jumpStrength;
+		}
+	};
+	self.attack = function () {
+		if (self.isAttacking || self.immobile || self.attackTimer > 0) return;
+		self.isAttacking = true;
+		self.attackTimer = self.attackCooldown;
+		// Create attack object
+		var atk = new Attack(self, false);
+		atk.x = self.x + (self.isFacingRight ? 120 : -120);
+		atk.y = self.y - 200;
+		attacks.push(atk);
+		game.addChild(atk);
+		// End attack after short delay
+		LK.setTimeout(function () {
+			self.isAttacking = false;
+		}, 300);
+	};
+	self.special = function () {
+		if (!self.isSpecialReady || self.immobile) return;
+		self.isSpecialReady = false;
+		self.specialTimer = self.specialCooldown;
+		// Create special attack object
+		var atk = new Attack(self, true);
+		atk.x = self.x + (self.isFacingRight ? 180 : -180);
+		atk.y = self.y - 200;
+		attacks.push(atk);
+		game.addChild(atk);
+	};
+	self.takeDamage = function (amount, dir, knockback) {
+		if (self.immobile) return;
+		self.health -= amount;
+		self.updateHealthBar();
+		// Knockback
+		self.x += (dir || 1) * (knockback || 32);
+		// Clamp to arena
+		self.x = Math.max(120, Math.min(2048 - 120, self.x));
+	};
+	self.update = function () {
+		// Attack cooldown
+		if (self.attackTimer > 0) {
+			self.attackTimer--;
+		}
+		// Special cooldown
+		if (!self.isSpecialReady) {
+			if (self.specialTimer > 0) {
+				self.specialTimer--;
+			}
+			if (self.specialTimer <= 0) {
+				self.isSpecialReady = true;
+			}
+		}
+		// Jumping physics
+		if (self.isJumping) {
+			if (typeof self.vy === "undefined") self.vy = 0;
+			self.y += self.vy;
+			self.vy += self.gravity;
+			// Land on ground
+			if (self.y >= arena.groundY) {
+				self.y = arena.groundY;
+				self.isJumping = false;
+				self.vy = 0;
+			}
+		}
+	};
+	return self;
+});
 
 /**** 
 * Initialize Game
 ****/