/**** 
* 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
		});
		// Button activation visual feedback only - enemy destruction handled in processInput
		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();
		processInput(self.direction);
		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 = color + 'Enemy';
	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 = 4; // Increased base speed
	self.baseSpeed = 4;
	self.rhythmMultiplier = 1;
	self.targetX = 1024; // Center X
	self.targetY = 1366; // Center Y  
	self.lastY = self.y;
	self.lastX = self.x;
	self.pulseWithBeat = function () {
		tween(graphics, {
			scaleX: 1.2,
			scaleY: 1.2
		}, {
			duration: beatInterval / 4,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				tween(graphics, {
					scaleX: 1,
					scaleY: 1
				}, {
					duration: beatInterval / 4,
					easing: tween.easeIn
				});
			}
		});
	};
	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 () {
		// Calculate rhythm-based speed multiplier
		var currentTime = Date.now();
		var timeToBeat = Math.abs((currentTime - lastBeatTime) % beatInterval - beatInterval / 2);
		var beatProgress = timeToBeat / (beatInterval / 2);
		self.rhythmMultiplier = 1 + 0.5 * (1 - beatProgress); // Speed varies between 1x and 1.5x based on beat proximity
		var currentSpeed = self.baseSpeed * self.rhythmMultiplier;
		// Move toward center based on direction
		if (self.direction === 'up') {
			self.y += currentSpeed; // Moving down from top
		} else if (self.direction === 'down') {
			self.y -= currentSpeed; // Moving up from bottom
		} else if (self.direction === 'left') {
			self.x += currentSpeed; // Moving right from left
		} else if (self.direction === 'right') {
			self.x -= currentSpeed; // 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 === 'blue') return 0x0066ff;
		if (self.color === 'yellow') return 0xffff00;
		if (self.color === 'red') return 0xff0000;
		if (self.color === 'green') return 0x00ff00;
		return 0x0066ff;
	};
	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 - blue, yellow, red and green
var enemyColors = ['blue', 'yellow', 'red', 'green'];
var enemyDirections = ['left', 'right', 'up', 'down'];
var colorDirectionMap = {
	'blue': 'left',
	// Blue enemies come from left
	'yellow': 'right',
	// Yellow enemies come from right
	'red': 'up',
	// Red enemies come from up
	'green': 'down' // Green enemies come from down
};
var keyMappings = {
	'left': 'A',
	'right': 'D',
	'up': 'W',
	'down': 'S'
};
// 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 - blue on left, yellow on right, red on top, green on bottom
var zonePositions = [{
	x: 824,
	y: 1366
}, {
	x: 1224,
	y: 1366
}, {
	x: 1024,
	y: 1166
}, {
	x: 1024,
	y: 1566
}];
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 - blue, yellow, red and green buttons
var buttonPositions = [{
	x: 924,
	y: 2500
}, {
	x: 1124,
	y: 2500
}, {
	x: 1024,
	y: 2400
}, {
	x: 1024,
	y: 2600
}];
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) {
	// Find enemies of matching color that are in their corresponding color zones
	var hitEnemy = null;
	var minDistance = Infinity;
	var hitZoneSize = 100; // Size of the color zone around center
	var blueZoneX = 824; // Left zone X position
	var yellowZoneX = 1224; // Right zone X position
	var zoneY = 1366; // Zone Y position
	for (var i = 0; i < enemies.length; i++) {
		var enemy = enemies[i];
		// Check if enemy color matches the button direction and enemy is coming from correct direction
		var colorMatch = false;
		if (direction === 'left' && enemy.color === 'blue' && enemy.direction === 'left') colorMatch = true;
		if (direction === 'right' && enemy.color === 'yellow' && enemy.direction === 'right') colorMatch = true;
		if (direction === 'up' && enemy.color === 'red' && enemy.direction === 'up') colorMatch = true;
		if (direction === 'down' && enemy.color === 'green' && enemy.direction === 'down') colorMatch = true;
		if (colorMatch) {
			// Check if enemy is within the correct color zone boundaries
			var zoneX = enemy.color === 'blue' ? blueZoneX : enemy.color === 'yellow' ? yellowZoneX : 1024;
			var checkZoneY = enemy.color === 'red' ? 1166 : enemy.color === 'green' ? 1566 : zoneY;
			var distanceCheck = enemy.color === 'red' || enemy.color === 'green' ? Math.abs(enemy.x - zoneX) < hitZoneSize && Math.abs(enemy.y - checkZoneY) < hitZoneSize : Math.abs(enemy.x - zoneX) < hitZoneSize && Math.abs(enemy.y - zoneY) < hitZoneSize;
			if (distanceCheck) {
				var distance = Math.sqrt(Math.pow(enemy.x - zoneX, 2) + Math.pow(enemy.y - checkZoneY, 2));
				if (distance < minDistance) {
					minDistance = distance;
					hitEnemy = enemy;
				}
			}
		}
	}
	if (hitEnemy) {
		// Destroy enemy immediately on hit
		var index = enemies.indexOf(hitEnemy);
		if (index > -1) {
			hitEnemy.destroy();
			enemies.splice(index, 1);
			score += 100 * (combo + 1);
			combo++;
		}
		LK.getSound('hit').play();
	} else {
		// No matching enemy found in color zone
		combo = 0;
		LK.getSound('miss').play();
	}
	// Find matching input zone and activate
	for (var j = 0; j < inputZones.length; j++) {
		var zone = inputZones[j];
		var shouldActivate = false;
		// Map button directions to color zones correctly
		if (direction === 'left' && zone.color === 'blue') shouldActivate = true; // Blue button activates blue zone
		else if (direction === 'right' && zone.color === 'yellow') shouldActivate = true; // Yellow button activates yellow zone
		else if (direction === 'up' && zone.color === 'red') shouldActivate = true; // Red button activates red zone
		else if (direction === 'down' && zone.color === 'green') shouldActivate = true; // Green button activates green zone
		if (shouldActivate) {
			zone.activate();
			break;
		}
	}
	// Also activate corresponding action button
	for (var k = 0; k < actionButtons.length; k++) {
		if (actionButtons[k].direction === direction) {
			actionButtons[k].activate();
			break;
		}
	}
	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 = colorDirectionMap[color];
	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 removed - buttons now only activate when directly touched
game.down = function (x, y, obj) {
	// Game down handler - buttons handle their own touch events
};
// 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();
		// Make all enemies pulse with the beat
		for (var j = 0; j < enemies.length; j++) {
			enemies[j].pulseWithBeat();
		}
	}
	// 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;
	}
};
// Touch controls are already implemented above in game.down event handler
// No keyboard input needed for mobile-optimized game
// Start background music
LK.playMusic('bgmusic');
// Initialize beat timing
nextBeatTime = Date.now() + beatInterval;
;

===================================================================
--- original.js
+++ change.js
@@ -170,8 +170,9 @@
 	self.getColorValue = function () {
 		if (self.color === 'blue') return 0x0066ff;
 		if (self.color === 'yellow') return 0xffff00;
 		if (self.color === 'red') return 0xff0000;
+		if (self.color === 'green') return 0x00ff00;
 		return 0x0066ff;
 	};
 	return self;
 });
@@ -202,22 +203,25 @@
 var inputZones = [];
 var actionButtons = [];
 var enemySpawnTimer = 0;
 var nextBeatTime = 0;
-// Enemy configuration - blue, yellow and red
-var enemyColors = ['blue', 'yellow', 'red'];
-var enemyDirections = ['left', 'right', 'up'];
+// Enemy configuration - blue, yellow, red and green
+var enemyColors = ['blue', 'yellow', 'red', 'green'];
+var enemyDirections = ['left', 'right', 'up', 'down'];
 var colorDirectionMap = {
 	'blue': 'left',
 	// Blue enemies come from left
 	'yellow': 'right',
 	// Yellow enemies come from right
-	'red': 'up' // Red enemies come from up
+	'red': 'up',
+	// Red enemies come from up
+	'green': 'down' // Green enemies come from down
 };
 var keyMappings = {
 	'left': 'A',
 	'right': 'D',
-	'up': 'W'
+	'up': 'W',
+	'down': 'S'
 };
 // Initialize background
 var background = game.attachAsset('background', {
 	anchorX: 0,
@@ -235,9 +239,9 @@
 // Initialize beat indicator
 beatIndicator = game.addChild(new BeatIndicator());
 beatIndicator.x = 1024;
 beatIndicator.y = 150;
-// Initialize input zones - blue on left, yellow on right, red on top
+// Initialize input zones - blue on left, yellow on right, red on top, green on bottom
 var zonePositions = [{
 	x: 824,
 	y: 1366
 }, {
@@ -245,16 +249,19 @@
 	y: 1366
 }, {
 	x: 1024,
 	y: 1166
+}, {
+	x: 1024,
+	y: 1566
 }];
-for (var i = 0; i < 3; i++) {
+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 - blue, yellow and red buttons
+// Initialize action buttons at bottom of screen - blue, yellow, red and green buttons
 var buttonPositions = [{
 	x: 924,
 	y: 2500
 }, {
@@ -262,10 +269,13 @@
 	y: 2500
 }, {
 	x: 1024,
 	y: 2400
+}, {
+	x: 1024,
+	y: 2600
 }];
-for (var i = 0; i < 3; i++) {
+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);
@@ -306,13 +316,14 @@
 		var colorMatch = false;
 		if (direction === 'left' && enemy.color === 'blue' && enemy.direction === 'left') colorMatch = true;
 		if (direction === 'right' && enemy.color === 'yellow' && enemy.direction === 'right') colorMatch = true;
 		if (direction === 'up' && enemy.color === 'red' && enemy.direction === 'up') colorMatch = true;
+		if (direction === 'down' && enemy.color === 'green' && enemy.direction === 'down') colorMatch = true;
 		if (colorMatch) {
 			// Check if enemy is within the correct color zone boundaries
 			var zoneX = enemy.color === 'blue' ? blueZoneX : enemy.color === 'yellow' ? yellowZoneX : 1024;
-			var checkZoneY = enemy.color === 'red' ? 1166 : zoneY;
-			var distanceCheck = enemy.color === 'red' ? Math.abs(enemy.x - zoneX) < hitZoneSize && Math.abs(enemy.y - checkZoneY) < hitZoneSize : Math.abs(enemy.x - zoneX) < hitZoneSize && Math.abs(enemy.y - zoneY) < hitZoneSize;
+			var checkZoneY = enemy.color === 'red' ? 1166 : enemy.color === 'green' ? 1566 : zoneY;
+			var distanceCheck = enemy.color === 'red' || enemy.color === 'green' ? Math.abs(enemy.x - zoneX) < hitZoneSize && Math.abs(enemy.y - checkZoneY) < hitZoneSize : Math.abs(enemy.x - zoneX) < hitZoneSize && Math.abs(enemy.y - zoneY) < hitZoneSize;
 			if (distanceCheck) {
 				var distance = Math.sqrt(Math.pow(enemy.x - zoneX, 2) + Math.pow(enemy.y - checkZoneY, 2));
 				if (distance < minDistance) {
 					minDistance = distance;
@@ -343,8 +354,9 @@
 		// Map button directions to color zones correctly
 		if (direction === 'left' && zone.color === 'blue') shouldActivate = true; // Blue button activates blue zone
 		else if (direction === 'right' && zone.color === 'yellow') shouldActivate = true; // Yellow button activates yellow zone
 		else if (direction === 'up' && zone.color === 'red') shouldActivate = true; // Red button activates red zone
+		else if (direction === 'down' && zone.color === 'green') shouldActivate = true; // Green button activates green zone
 		if (shouldActivate) {
 			zone.activate();
 			break;
 		}