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

/**** 
* Classes
****/ 
var Button = Container.expand(function (lane) {
	var self = Container.call(this);
	self.lane = lane;
	self.isPressed = false;
	self.buttonGraphics = self.attachAsset('button', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Position at bottom of lane
	self.x = lane * (2048 / 3) + 2048 / 6;
	self.y = 2732 - 200;
	self.down = function (x, y, obj) {
		self.press();
	};
	self.press = function () {
		if (self.isPressed) return;
		self.isPressed = true;
		self.buttonGraphics.alpha = 0.7;
		// Check for notes in this lane
		var hitNote = null;
		var bestDistance = Infinity;
		for (var i = 0; i < notes.length; i++) {
			var note = notes[i];
			if (note.lane === self.lane && !note.hasBeenHit && note.y >= timingLineY) {
				var distance = Math.abs(note.y - self.y);
				if (distance < bestDistance) {
					bestDistance = distance;
					hitNote = note;
				}
			}
		}
		if (hitNote) {
			hitNote.hasBeenHit = true;
			// Calculate points based on timing
			var points = 0;
			var feedbackText = '';
			if (bestDistance <= 150) {
				// Perfect hit - note is on button
				points = 100;
				feedbackText = 'PERFECT';
			} else if (bestDistance <= 250) {
				// Great hit - note is between timing line and button
				points = 50;
				feedbackText = 'GREAT';
			}
			if (points > 0) {
				LK.setScore(LK.getScore() + points);
				scoreTxt.setText(LK.getScore());
				LK.getSound('hit').play();
				// Visual feedback
				LK.effects.flashObject(hitNote, 0xffffff, 200);
				// Create explosion effect at note position
				var explosionColor = feedbackText === 'PERFECT' ? 0xFFD700 : 0x00FFFF;
				createExplosion(hitNote.x, hitNote.y, explosionColor);
				// Show feedback text
				feedbackTxt.setText(feedbackText);
				feedbackTxt.alpha = 1;
				tween(feedbackTxt, {
					alpha: 0
				}, {
					duration: 800
				});
				// Special animations for GREAT and PERFECT
				if (feedbackText === 'PERFECT') {
					// Perfect animation: scale up and spin with color change
					var originalScale = self.buttonGraphics.scaleX;
					var originalTint = self.buttonGraphics.tint;
					self.buttonGraphics.tint = 0xFFD700; // Gold color
					tween(self.buttonGraphics, {
						scaleX: originalScale * 1.5,
						scaleY: originalScale * 1.5,
						rotation: Math.PI * 2
					}, {
						duration: 600,
						easing: tween.elasticOut,
						onFinish: function onFinish() {
							tween(self.buttonGraphics, {
								scaleX: originalScale,
								scaleY: originalScale,
								rotation: 0,
								tint: originalTint
							}, {
								duration: 200
							});
						}
					});
					// Create perfect ring animation around button
					var perfectRing = game.addChild(LK.getAsset('button', {
						anchorX: 0.5,
						anchorY: 0.5
					}));
					perfectRing.x = self.x;
					perfectRing.y = self.y;
					perfectRing.tint = 0xFFD700;
					perfectRing.alpha = 0.8;
					perfectRing.scaleX = 0.5;
					perfectRing.scaleY = 0.5;
					// Animate ring expanding outward while fading
					tween(perfectRing, {
						scaleX: 3.0,
						scaleY: 3.0,
						alpha: 0
					}, {
						duration: 800,
						easing: tween.easeOut,
						onFinish: function onFinish() {
							if (perfectRing && perfectRing.parent) {
								perfectRing.destroy();
							}
						}
					});
					// Perfect background flash - golden wave spreading across entire screen
					var perfectBg = game.addChild(LK.getAsset('button', {
						anchorX: 0.5,
						anchorY: 0.5
					}));
					perfectBg.x = 2048 / 2;
					perfectBg.y = 2732 / 2;
					perfectBg.tint = 0xFFD700;
					perfectBg.alpha = 0;
					perfectBg.scaleX = 0.1;
					perfectBg.scaleY = 0.1;
					// Smooth expansion across entire screen with slow fade
					tween(perfectBg, {
						scaleX: 15,
						scaleY: 20,
						alpha: 0.3
					}, {
						duration: 800,
						easing: tween.easeOut,
						onFinish: function onFinish() {
							tween(perfectBg, {
								alpha: 0
							}, {
								duration: 1200,
								easing: tween.easeOut,
								onFinish: function onFinish() {
									if (perfectBg && perfectBg.parent) {
										perfectBg.destroy();
									}
								}
							});
						}
					});
				} else if (feedbackText === 'GREAT') {
					// Great animation: pulse and glow effect
					var originalScale = self.buttonGraphics.scaleX;
					var originalTint = self.buttonGraphics.tint;
					self.buttonGraphics.tint = 0x00FFFF; // Cyan color
					tween(self.buttonGraphics, {
						scaleX: originalScale * 1.3,
						scaleY: originalScale * 1.3
					}, {
						duration: 300,
						easing: tween.bounceOut,
						onFinish: function onFinish() {
							tween(self.buttonGraphics, {
								scaleX: originalScale,
								scaleY: originalScale,
								tint: originalTint
							}, {
								duration: 300,
								easing: tween.easeOut
							});
						}
					});
					// Great background flash - cyan ripple spreading smoothly across screen
					var greatBg = game.addChild(LK.getAsset('button', {
						anchorX: 0.5,
						anchorY: 0.5
					}));
					greatBg.x = 2048 / 2;
					greatBg.y = 2732 / 2;
					greatBg.tint = 0x00FFFF;
					greatBg.alpha = 0;
					greatBg.scaleX = 0.2;
					greatBg.scaleY = 0.2;
					// Smooth ripple effect spreading across entire screen
					tween(greatBg, {
						scaleX: 12,
						scaleY: 16,
						alpha: 0.25
					}, {
						duration: 600,
						easing: tween.easeOut,
						onFinish: function onFinish() {
							tween(greatBg, {
								alpha: 0
							}, {
								duration: 800,
								easing: tween.easeOut,
								onFinish: function onFinish() {
									if (greatBg && greatBg.parent) {
										greatBg.destroy();
									}
								}
							});
						}
					});
				}
				// Remove the note immediately
				hitNote.destroy();
				var noteIndex = notes.indexOf(hitNote);
				if (noteIndex !== -1) {
					notes.splice(noteIndex, 1);
				}
			}
		}
		// Reset button after short delay
		LK.setTimeout(function () {
			self.isPressed = false;
			self.buttonGraphics.alpha = 1.0;
		}, 100);
	};
	return self;
});
var Note = Container.expand(function (lane, type) {
	var self = Container.call(this);
	self.lane = lane;
	self.type = type;
	self.hasBeenHit = false;
	// Set speed and asset based on type
	if (type === 'slow') {
		self.speed = 6;
		self.noteGraphics = self.attachAsset('slowNote', {
			anchorX: 0.5,
			anchorY: 0.5
		});
	} else if (type === 'medium') {
		self.speed = 10;
		self.noteGraphics = self.attachAsset('mediumNote', {
			anchorX: 0.5,
			anchorY: 0.5
		});
	} else if (type === 'fast') {
		self.speed = 14;
		self.noteGraphics = self.attachAsset('fastNote', {
			anchorX: 0.5,
			anchorY: 0.5
		});
	}
	// Position in lane
	self.x = lane * (2048 / 3) + 2048 / 6;
	self.y = 0;
	self.update = function () {
		self.y += self.speed;
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Game state management
var gameState = 'menu'; // 'menu', 'playing', or 'gameOver'
var startButton;
var gameOverButton;
// Game variables
var notes = [];
var buttons = [];
var maxNotes = 4;
var spawnTimer = 0;
var spawnInterval = 120; // frames between spawns
var timingLineY = 2732 - 500;
var bottomLineY = 2732 - 2; // Position miss line at bottom edge of screen
// Create lane separators
var lane1 = game.addChild(LK.getAsset('lane', {
	anchorX: 0.5,
	anchorY: 0
}));
lane1.x = 2048 / 3;
lane1.y = 0;
lane1.visible = false; // Hide initially
var lane2 = game.addChild(LK.getAsset('lane', {
	anchorX: 0.5,
	anchorY: 0
}));
lane2.x = 2048 / 3 * 2;
lane2.y = 0;
lane2.visible = false; // Hide initially
// Create timing line
var timingLine = game.addChild(LK.getAsset('timingLine', {
	anchorX: 0,
	anchorY: 0.5
}));
timingLine.x = 0;
timingLine.y = timingLineY;
timingLine.visible = false; // Hide initially
// Create bottom line
var bottomLine = game.addChild(LK.getAsset('bottomLine', {
	anchorX: 0,
	anchorY: 0.5
}));
bottomLine.x = 0;
bottomLine.y = bottomLineY;
bottomLine.visible = false; // Hide initially
// Create start menu elements
var titleTxt = new Text2('RHYTHM GAME', {
	size: 120,
	fill: 0xFFFFFF
});
titleTxt.anchor.set(0.5, 0.5);
titleTxt.x = 2048 / 2;
titleTxt.y = 2732 / 2 - 200;
game.addChild(titleTxt);
var startButtonShape = game.addChild(LK.getAsset('button', {
	anchorX: 0.5,
	anchorY: 0.5
}));
startButtonShape.x = 2048 / 2;
startButtonShape.y = 2732 / 2 + 100;
startButtonShape.tint = 0x00AA00;
var startButtonTxt = new Text2('START', {
	size: 60,
	fill: 0xFFFFFF
});
startButtonTxt.anchor.set(0.5, 0.5);
startButtonTxt.x = 2048 / 2;
startButtonTxt.y = 2732 / 2 + 100;
game.addChild(startButtonTxt);
// Create start button handler
startButton = {
	shape: startButtonShape,
	text: startButtonTxt,
	down: function down(x, y, obj) {
		this.startGame();
	},
	startGame: function startGame() {
		// Hide menu elements
		titleTxt.visible = false;
		this.shape.visible = false;
		this.text.visible = false;
		// Show game elements
		timerTxt.visible = true;
		scoreTxt.visible = true;
		timingLine.visible = true;
		bottomLine.visible = true;
		lane1.visible = true;
		lane2.visible = true;
		// Create game buttons
		for (var i = 0; i < 3; i++) {
			var button = new Button(i);
			buttons.push(button);
			game.addChild(button);
		}
		// Start the game
		gameState = 'playing';
		timeRemaining = 60;
		LK.setScore(0);
		scoreTxt.setText('0');
		timerTxt.setText('60');
	}
};
// Initially hide game elements
var gameElements = [];
// Create countdown timer
var timeRemaining = 60;
// Create timer display above score
var timerTxt = new Text2('60', {
	size: 80,
	fill: 0xFFFFFF
});
timerTxt.anchor.set(0.5, 0.5);
timerTxt.x = 2048 / 2;
timerTxt.y = 2732 / 2 - 300;
timerTxt.visible = false; // Hide initially
game.addChild(timerTxt);
// Create score display in center of game area
var scoreTxt = new Text2('0', {
	size: 100,
	fill: 0xFFFFFF
});
scoreTxt.anchor.set(0.5, 0.5);
scoreTxt.x = 2048 / 2;
scoreTxt.y = 2732 / 2 - 200;
scoreTxt.visible = false; // Hide initially
game.addChild(scoreTxt);
// Create feedback text display
var feedbackTxt = new Text2('', {
	size: 80,
	fill: 0xFFFFFF
});
feedbackTxt.anchor.set(0.5, 0.5);
LK.gui.center.addChild(feedbackTxt);
feedbackTxt.alpha = 0;
// Create game over menu elements
var gameOverTxt = new Text2('GAME OVER', {
	size: 120,
	fill: 0xFF0000
});
gameOverTxt.anchor.set(0.5, 0.5);
gameOverTxt.x = 2048 / 2;
gameOverTxt.y = 2732 / 2 - 300;
gameOverTxt.visible = false;
game.addChild(gameOverTxt);
var finalScoreTxt = new Text2('', {
	size: 80,
	fill: 0xFFFFFF
});
finalScoreTxt.anchor.set(0.5, 0.5);
finalScoreTxt.x = 2048 / 2;
finalScoreTxt.y = 2732 / 2 - 150;
finalScoreTxt.visible = false;
game.addChild(finalScoreTxt);
var restartButtonShape = game.addChild(LK.getAsset('button', {
	anchorX: 0.5,
	anchorY: 0.5
}));
restartButtonShape.x = 2048 / 2;
restartButtonShape.y = 2732 / 2 + 100;
restartButtonShape.tint = 0x0066CC;
restartButtonShape.visible = false;
var restartButtonTxt = new Text2('RESTART', {
	size: 60,
	fill: 0xFFFFFF
});
restartButtonTxt.anchor.set(0.5, 0.5);
restartButtonTxt.x = 2048 / 2;
restartButtonTxt.y = 2732 / 2 + 100;
restartButtonTxt.visible = false;
game.addChild(restartButtonTxt);
// Create restart button handler
gameOverButton = {
	shape: restartButtonShape,
	text: restartButtonTxt,
	down: function down(x, y, obj) {
		this.restartGame();
	},
	restartGame: function restartGame() {
		// Hide game over elements
		gameOverTxt.visible = false;
		finalScoreTxt.visible = false;
		this.shape.visible = false;
		this.text.visible = false;
		// Clear existing notes and buttons
		for (var i = notes.length - 1; i >= 0; i--) {
			notes[i].destroy();
			notes.splice(i, 1);
		}
		for (var i = buttons.length - 1; i >= 0; i--) {
			buttons[i].destroy();
			buttons.splice(i, 1);
		}
		// Show game elements
		timerTxt.visible = true;
		scoreTxt.visible = true;
		timingLine.visible = true;
		bottomLine.visible = true;
		lane1.visible = true;
		lane2.visible = true;
		// Create game buttons
		for (var i = 0; i < 3; i++) {
			var button = new Button(i);
			buttons.push(button);
			game.addChild(button);
		}
		// Reset game state
		gameState = 'playing';
		timeRemaining = 60;
		spawnTimer = 0;
		spawnInterval = 120;
		LK.setScore(0);
		scoreTxt.setText('0');
		timerTxt.setText('60');
	}
};
// Create explosion animation function
function createExplosion(x, y, color) {
	var particleCount = 8;
	var particles = [];
	for (var i = 0; i < particleCount; i++) {
		// Create particle using small ellipse shape
		var particle = game.addChild(LK.getAsset('fastNote', {
			anchorX: 0.5,
			anchorY: 0.5
		}));
		particle.x = x;
		particle.y = y;
		particle.tint = color || 0xFFFFFF;
		particle.scaleX = 0.3;
		particle.scaleY = 0.3;
		particles.push(particle);
		// Calculate random direction for each particle
		var angle = i / particleCount * Math.PI * 2 + (Math.random() - 0.5) * 0.5;
		var distance = 100 + Math.random() * 50;
		var targetX = x + Math.cos(angle) * distance;
		var targetY = y + Math.sin(angle) * distance;
		// Animate particle outward and fade out
		tween(particle, {
			x: targetX,
			y: targetY,
			scaleX: 0,
			scaleY: 0,
			alpha: 0
		}, {
			duration: 600 + Math.random() * 400,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				if (particle && particle.parent) {
					particle.destroy();
				}
			}
		});
	}
}
// Spawn note function
function spawnNote() {
	if (notes.length >= maxNotes) return;
	var lane = Math.floor(Math.random() * 3);
	var noteTypes = ['slow', 'medium', 'fast'];
	var type = noteTypes[Math.floor(Math.random() * noteTypes.length)];
	var note = new Note(lane, type);
	notes.push(note);
	game.addChild(note);
}
// Handle clicks for start button
game.down = function (x, y, obj) {
	if (gameState === 'menu') {
		// Check if click is on start button
		var dx = x - startButton.shape.x;
		var dy = y - startButton.shape.y;
		var distance = Math.sqrt(dx * dx + dy * dy);
		if (distance <= 150) {
			// Button radius
			startButton.down(x, y, obj);
		}
	} else if (gameState === 'gameOver') {
		// Check if click is on restart button
		var dx = x - gameOverButton.shape.x;
		var dy = y - gameOverButton.shape.y;
		var distance = Math.sqrt(dx * dx + dy * dy);
		if (distance <= 150) {
			// Button radius
			gameOverButton.down(x, y, obj);
		}
	}
};
game.update = function () {
	// Only update game logic when playing
	if (gameState !== 'playing') {
		return;
	}
	// Update timer - countdown every second (60 frames)
	if (LK.ticks % 60 === 0 && timeRemaining > 0) {
		timeRemaining--;
		timerTxt.setText(timeRemaining.toString());
	}
	// Check for game over when timer reaches 0
	if (timeRemaining <= 0 && gameState === 'playing') {
		gameState = 'gameOver';
		// Hide game elements
		timerTxt.visible = false;
		scoreTxt.visible = false;
		timingLine.visible = false;
		bottomLine.visible = false;
		lane1.visible = false;
		lane2.visible = false;
		// Hide buttons
		for (var i = 0; i < buttons.length; i++) {
			buttons[i].visible = false;
		}
		// Show game over menu
		gameOverTxt.visible = true;
		finalScoreTxt.setText('Final Score: ' + LK.getScore());
		finalScoreTxt.visible = true;
		gameOverButton.shape.visible = true;
		gameOverButton.text.visible = true;
	}
	// Spawn notes
	spawnTimer++;
	if (spawnTimer >= spawnInterval) {
		spawnNote();
		spawnTimer = 0;
		// Gradually increase spawn rate
		if (spawnInterval > 60) {
			spawnInterval = Math.max(60, spawnInterval - 1);
		}
	}
	// Update and check notes
	for (var i = notes.length - 1; i >= 0; i--) {
		var note = notes[i];
		// Check if note reached bottom line (missed)
		if (note.y >= bottomLineY && !note.hasBeenHit) {
			LK.getSound('miss').play();
			// Create red explosion effect for missed notes
			createExplosion(note.x, note.y, 0xFF0000);
			// Show missed feedback text
			feedbackTxt.setText('MISSED');
			feedbackTxt.alpha = 1;
			tween(feedbackTxt, {
				alpha: 0
			}, {
				duration: 800
			});
			note.destroy();
			notes.splice(i, 1);
			continue;
		}
		// Remove notes that went off screen or were hit
		if (note.y > 2732 + 100 || note.hasBeenHit) {
			if (note.hasBeenHit) {
				// Small delay before removing hit notes for visual feedback
				LK.setTimeout(function (noteToRemove, index) {
					return function () {
						if (noteToRemove && noteToRemove.parent) {
							noteToRemove.destroy();
						}
						var noteIndex = notes.indexOf(noteToRemove);
						if (noteIndex !== -1) {
							notes.splice(noteIndex, 1);
						}
					};
				}(note, i), 200);
			} else {
				note.destroy();
				notes.splice(i, 1);
			}
		}
	}
};