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

/**** 
* Classes
****/ 
var ActionButton = Container.expand(function (color, direction, keyText) {
	var self = Container.call(this);
	var assetName = color + 'Button';
	var buttonGraphics = self.attachAsset(assetName, {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var keyLabel = new Text2(keyText, {
		size: 32,
		fill: 0xFFFFFF
	});
	keyLabel.anchor.set(0.5, 0.5);
	self.addChild(keyLabel);
	self.color = color;
	self.direction = direction;
	self.isPressed = false;
	self.activate = function () {
		self.isPressed = true;
		buttonGraphics.scaleX = 0.9;
		buttonGraphics.scaleY = 0.9;
		tween(buttonGraphics, {
			scaleX: 1,
			scaleY: 1
		}, {
			duration: 150
		});
		// Check for enemies in hit zone and destroy them
		for (var i = enemies.length - 1; i >= 0; i--) {
			var enemy = enemies[i];
			if (enemy.color === self.color && self.isEnemyInHitZone(enemy)) {
				var defeated = enemy.takeDamage();
				if (defeated) {
					enemy.destroy();
					enemies.splice(i, 1);
					score += 100 * (combo + 1);
					combo++;
				}
				LK.getSound('hit').play();
				break;
			}
		}
		self.isPressed = false;
	};
	self.isEnemyInHitZone = function (enemy) {
		var hitZoneSize = 200;
		var centerX = 1024;
		var centerY = 1366;
		if (enemy.direction === 'up' && enemy.y > centerY - hitZoneSize && enemy.y < centerY + hitZoneSize) {
			return true;
		} else if (enemy.direction === 'down' && enemy.y > centerY - hitZoneSize && enemy.y < centerY + hitZoneSize) {
			return true;
		} else if (enemy.direction === 'left' && enemy.x > centerX - hitZoneSize && enemy.x < centerX + hitZoneSize) {
			return true;
		} else if (enemy.direction === 'right' && enemy.x > centerX - hitZoneSize && enemy.x < centerX + hitZoneSize) {
			return true;
		}
		return false;
	};
	self.down = function (x, y, obj) {
		self.activate();
		updateUI();
	};
	return self;
});
var BeatIndicator = Container.expand(function () {
	var self = Container.call(this);
	var graphics = self.attachAsset('beatIndicator', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.pulse = function () {
		graphics.scaleX = 1.5;
		graphics.scaleY = 1.5;
		tween(graphics, {
			scaleX: 1,
			scaleY: 1
		}, {
			duration: 200
		});
	};
	return self;
});
var Enemy = Container.expand(function (color, direction) {
	var self = Container.call(this);
	var enemyAsset = 'redEnemy';
	if (color === 'blue') enemyAsset = 'blueEnemy';else if (color === 'green') enemyAsset = 'greenEnemy';else if (color === 'yellow') enemyAsset = 'yellowEnemy';
	var graphics = self.attachAsset(enemyAsset, {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.color = color;
	self.direction = direction;
	self.health = 3;
	self.maxHealth = 3;
	self.speed = 2;
	self.targetX = 1024; // Center X
	self.targetY = 1366; // Center Y  
	self.lastY = self.y;
	self.lastX = self.x;
	self.takeDamage = function () {
		self.health--;
		graphics.alpha = 0.5 + self.health / self.maxHealth * 0.5;
		if (self.health <= 0) {
			LK.effects.flashObject(self, 0xffffff, 300);
			return true; // Enemy defeated
		}
		return false;
	};
	self.update = function () {
		// Move toward center based on direction
		if (self.direction === 'up') {
			self.y += self.speed; // Moving down from top
		} else if (self.direction === 'down') {
			self.y -= self.speed; // Moving up from bottom
		} else if (self.direction === 'left') {
			self.x += self.speed; // Moving right from left
		} else if (self.direction === 'right') {
			self.x -= self.speed; // Moving left from right
		}
	};
	return self;
});
var InputZone = Container.expand(function (color, direction, keyText) {
	var self = Container.call(this);
	var assetName = color + 'Outline';
	var background = self.attachAsset(assetName, {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Make background transparent to show only the outline
	background.alpha = 0.3;
	var keyLabel = new Text2(keyText, {
		size: 36,
		fill: 0xFFFFFF
	});
	keyLabel.anchor.set(0.5, 0.5);
	self.addChild(keyLabel);
	self.color = color;
	self.direction = direction;
	self.active = false;
	self.activate = function () {
		self.active = true;
		background.alpha = 0.8;
		tween(background, {
			alpha: 0.3
		}, {
			duration: 300
		});
	};
	self.getColorValue = function () {
		if (self.color === 'red') return 0xff0000;
		if (self.color === 'blue') return 0x0066ff;
		if (self.color === 'green') return 0x00ff00;
		if (self.color === 'yellow') return 0xffff00;
		return 0xffffff;
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Game state variables
var gameState = 'playing'; // playing, gameOver
var lives = 3;
var score = 0;
var combo = 0;
var bpm = 120;
var beatInterval = 60 / bpm * 1000; // milliseconds per beat
var lastBeatTime = 0;
var beatTolerance = 200; // ms tolerance for timing
// Game objects
var idol;
var enemies = [];
var beatIndicator;
var inputZones = [];
var actionButtons = [];
var enemySpawnTimer = 0;
var nextBeatTime = 0;
// Enemy configuration
var enemyColors = ['red', 'blue', 'green', 'yellow'];
var enemyDirections = ['up', 'left', 'down', 'right'];
var colorDirectionMap = {
	'red': 'up',
	// Red enemies come from top
	'blue': 'left',
	// Blue enemies come from left  
	'green': 'down',
	// Green enemies come from bottom
	'yellow': 'right' // Yellow enemies come from right
};
var keyMappings = {
	'up': 'W',
	'left': 'A',
	'down': 'S',
	'right': 'D'
};
// Initialize background
var background = game.attachAsset('background', {
	anchorX: 0,
	anchorY: 0,
	x: 0,
	y: 0
});
// Initialize idol character
idol = game.addChild(LK.getAsset('idol', {
	anchorX: 0.5,
	anchorY: 0.5
}));
idol.x = 1024; // Center horizontally
idol.y = 1366; // Center vertically
// Initialize beat indicator
beatIndicator = game.addChild(new BeatIndicator());
beatIndicator.x = 1024;
beatIndicator.y = 150;
// Initialize input zones
var zonePositions = [{
	x: 1024,
	y: 1166 // Above idol
},
// W - up
{
	x: 824,
	y: 1366
},
// A - left
{
	x: 1024,
	y: 1566 // Below idol
},
// S - down
{
	x: 1224,
	y: 1366
} // D - right
];
for (var i = 0; i < 4; i++) {
	var zone = game.addChild(new InputZone(enemyColors[i], enemyDirections[i], keyMappings[enemyDirections[i]]));
	zone.x = zonePositions[i].x;
	zone.y = zonePositions[i].y;
	inputZones.push(zone);
}
// Initialize action buttons at bottom of screen
var buttonPositions = [{
	x: 412,
	y: 2500
},
// Red button (W)
{
	x: 824,
	y: 2500
},
// Blue button (A) 
{
	x: 1224,
	y: 2500
},
// Green button (S)
{
	x: 1636,
	y: 2500
} // Yellow button (D)
];
for (var i = 0; i < 4; i++) {
	var button = game.addChild(new ActionButton(enemyColors[i], enemyDirections[i], keyMappings[enemyDirections[i]]));
	button.x = buttonPositions[i].x;
	button.y = buttonPositions[i].y;
	actionButtons.push(button);
}
// Initialize UI
var scoreText = new Text2('Score: 0', {
	size: 48,
	fill: 0xFFFFFF
});
scoreText.anchor.set(0, 0);
LK.gui.topRight.addChild(scoreText);
var livesText = new Text2('Lives: 3', {
	size: 48,
	fill: 0xFF0000
});
livesText.anchor.set(1, 0);
LK.gui.topLeft.addChild(livesText);
var comboText = new Text2('Combo: 0', {
	size: 36,
	fill: 0xFFFF00
});
comboText.anchor.set(0.5, 0);
LK.gui.top.addChild(comboText);
// Input handling
var pressedKeys = {};
var inputBuffer = [];
function processInput(direction) {
	var currentTime = Date.now();
	var timeSinceLastBeat = currentTime - lastBeatTime;
	var timeToNextBeat = nextBeatTime - currentTime;
	var isOnBeat = Math.abs(timeSinceLastBeat) <= beatTolerance || Math.abs(timeToNextBeat) <= beatTolerance;
	if (isOnBeat) {
		// Find matching enemy
		var hitEnemy = null;
		var minDistance = Infinity;
		for (var i = 0; i < enemies.length; i++) {
			var enemy = enemies[i];
			if (enemy.direction === direction) {
				var distance;
				// Check if enemy is close to center
				if (direction === 'up' && enemy.y > 1000 && enemy.y < 1600) {
					distance = Math.abs(enemy.y - 1366);
				} else if (direction === 'down' && enemy.y > 1000 && enemy.y < 1600) {
					distance = Math.abs(enemy.y - 1366);
				} else if (direction === 'left' && enemy.x > 600 && enemy.x < 1200) {
					distance = Math.abs(enemy.x - 1024);
				} else if (direction === 'right' && enemy.x > 600 && enemy.x < 1200) {
					distance = Math.abs(enemy.x - 1024);
				} else {
					continue; // Enemy not in range
				}
				if (distance < minDistance) {
					minDistance = distance;
					hitEnemy = enemy;
				}
			}
		}
		if (hitEnemy) {
			var defeated = hitEnemy.takeDamage();
			if (defeated) {
				var index = enemies.indexOf(hitEnemy);
				if (index > -1) {
					hitEnemy.destroy();
					enemies.splice(index, 1);
					score += 100 * (combo + 1);
					combo++;
				}
			}
			// Find matching input zone and activate
			for (var j = 0; j < inputZones.length; j++) {
				if (inputZones[j].direction === direction) {
					inputZones[j].activate();
					break;
				}
			}
			// Also activate corresponding action button
			for (var k = 0; k < actionButtons.length; k++) {
				if (actionButtons[k].direction === direction) {
					actionButtons[k].activate();
					break;
				}
			}
			LK.getSound('hit').play();
		} else {
			combo = 0;
			LK.getSound('miss').play();
		}
	} else {
		combo = 0;
		LK.getSound('miss').play();
	}
	updateUI();
}
function updateUI() {
	scoreText.setText('Score: ' + score);
	livesText.setText('Lives: ' + lives);
	comboText.setText('Combo: ' + combo);
}
function spawnEnemy() {
	var colorIndex = Math.floor(Math.random() * enemyColors.length);
	var color = enemyColors[colorIndex];
	var direction;
	// Map colors to specific directions and spawn positions
	if (color === 'red') {
		direction = 'up'; // Red comes from top
	} else if (color === 'blue') {
		direction = 'left'; // Blue comes from left
	} else if (color === 'green') {
		direction = 'down'; // Green comes from bottom
	} else if (color === 'yellow') {
		direction = 'right'; // Yellow comes from right
	}
	var enemy = game.addChild(new Enemy(color, direction));
	// Position enemy at center of each edge based on direction
	if (direction === 'up') {
		enemy.x = 1024; // Center X of top edge
		enemy.y = -100; // Above screen
	} else if (direction === 'down') {
		enemy.x = 1024; // Center X of bottom edge
		enemy.y = 2832; // Below screen
	} else if (direction === 'left') {
		enemy.x = -100; // Left of screen
		enemy.y = 1366; // Center Y of left edge
	} else if (direction === 'right') {
		enemy.x = 2148; // Right of screen
		enemy.y = 1366; // Center Y of right edge
	}
	enemy.lastY = enemy.y;
	enemy.lastX = enemy.x;
	enemies.push(enemy);
}
// Touch controls for mobile
var touchZones = [{
	x: 1024,
	y: 683,
	// Top half
	width: 2048,
	height: 1366,
	direction: 'up'
},
// Top area for W
{
	x: 512,
	// Left half
	y: 1366,
	width: 1024,
	height: 2732,
	direction: 'left'
},
// Left area for A
{
	x: 1024,
	y: 2049,
	// Bottom half
	width: 2048,
	height: 1366,
	direction: 'down'
},
// Bottom area for S
{
	x: 1536,
	// Right half
	y: 1366,
	width: 1024,
	height: 2732,
	direction: 'right'
} // Right area for D
];
game.down = function (x, y, obj) {
	for (var i = 0; i < touchZones.length; i++) {
		var zone = touchZones[i];
		if (x >= zone.x - zone.width / 2 && x <= zone.x + zone.width / 2 && y >= zone.y - zone.height / 2 && y <= zone.y + zone.height / 2) {
			processInput(zone.direction);
			break;
		}
	}
};
// Main game loop
game.update = function () {
	if (gameState !== 'playing') return;
	var currentTime = Date.now();
	// Beat tracking
	if (currentTime >= nextBeatTime) {
		lastBeatTime = currentTime;
		nextBeatTime = currentTime + beatInterval;
		beatIndicator.pulse();
	}
	// Enemy spawning
	enemySpawnTimer++;
	if (enemySpawnTimer >= 90) {
		// Spawn every ~1.5 seconds at 60fps
		spawnEnemy();
		enemySpawnTimer = 0;
	}
	// Update enemies
	for (var i = enemies.length - 1; i >= 0; i--) {
		var enemy = enemies[i];
		// Check if enemy reached center (idol position)
		var reachedCenter = false;
		if (enemy.direction === 'up' && enemy.lastY < 1366 && enemy.y >= 1366) {
			reachedCenter = true;
		} else if (enemy.direction === 'down' && enemy.lastY > 1366 && enemy.y <= 1366) {
			reachedCenter = true;
		} else if (enemy.direction === 'left' && enemy.lastX < 1024 && enemy.x >= 1024) {
			reachedCenter = true;
		} else if (enemy.direction === 'right' && enemy.lastX > 1024 && enemy.x <= 1024) {
			reachedCenter = true;
		}
		if (reachedCenter) {
			lives--;
			enemy.destroy();
			enemies.splice(i, 1);
			combo = 0;
			if (lives <= 0) {
				gameState = 'gameOver';
				LK.showGameOver();
				return;
			}
			updateUI();
			LK.effects.flashScreen(0xff0000, 500);
		}
		enemy.lastY = enemy.y;
		enemy.lastX = enemy.x;
	}
};
// Keyboard input handling
game.keydown = function (key) {
	var direction = null;
	if (key === 'W' || key === 'w') {
		direction = 'up';
	} else if (key === 'A' || key === 'a') {
		direction = 'left';
	} else if (key === 'S' || key === 's') {
		direction = 'down';
	} else if (key === 'D' || key === 'd') {
		direction = 'right';
	}
	if (direction) {
		processInput(direction);
	}
};
// Start background music
LK.playMusic('bgmusic');
// Initialize beat timing
nextBeatTime = Date.now() + beatInterval;
;

===================================================================
--- original.js
+++ change.js
@@ -502,8 +502,25 @@
 		enemy.lastY = enemy.y;
 		enemy.lastX = enemy.x;
 	}
 };
+// Keyboard input handling
+game.keydown = function (key) {
+	var direction = null;
+	if (key === 'W' || key === 'w') {
+		direction = 'up';
+	} else if (key === 'A' || key === 'a') {
+		direction = 'left';
+	} else if (key === 'S' || key === 's') {
+		direction = 'down';
+	} else if (key === 'D' || key === 'd') {
+		direction = 'right';
+	}
+	if (direction) {
+		processInput(direction);
+	}
+};
 // Start background music
 LK.playMusic('bgmusic');
 // Initialize beat timing
-nextBeatTime = Date.now() + beatInterval;
\ No newline at end of file
+nextBeatTime = Date.now() + beatInterval;
+;
\ No newline at end of file