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

/**** 
* Classes
****/ 
var Note = Container.expand(function () {
	var self = Container.call(this);
	var hitZone = self.attachAsset('hit', {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 1.6,
		scaleY: 1.6
	});
	hitZone.alpha = 0.4;
	var hitAccuracy = self.attachAsset('hit', {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 2.5,
		scaleY: 2.5
	});
	hitAccuracy.alpha = 0.25;
	var hitAccuracyTargetScale = 1.6;
	var hitAccuracyStartScale = 3.4;
	hitAccuracy.scaleX = hitAccuracyStartScale;
	hitAccuracy.scaleY = hitAccuracyStartScale;
	tween(hitAccuracy, {
		scaleX: hitAccuracyTargetScale,
		scaleY: hitAccuracyTargetScale
	}, {
		duration: 1000 / speed
	});
	var noteAsset = self.attachAsset('note', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.numberText = new Text2('1', {
		size: 150,
		fill: 0x000000
	});
	self.numberText.anchor.set(0.5, 0.5);
	self.addChild(self.numberText);
	self.setNumber = function (num) {
		self.numberText.setText(num.toString());
	};
	var margin = 100;
	self.x = margin + Math.random() * (2048 - 2 * margin);
	self.y = margin + Math.random() * (2732 - 2 * margin);
	var MARVELOUS_WINDOW = 30;
	var PERFECT_WINDOW = 70;
	var GOOD_WINDOW = 120;
	var BAD_WINDOW = 180;
	var FAIL_WINDOW = 250;
	self.spawnTime = Date.now();
	self.hitZoneTime = self.spawnTime + 1000 / speed;
	function showFeedback(result, msValue) {
		var colorMap = {
			marvelous: 0x00fffc,
			perfect: 0x00ff00,
			good: 0xffff00,
			bad: 0xffa500,
			fail: 0xff0000
		};
		var color = colorMap[result] || 0xffffff;
		var msText = "";
		if (typeof msValue === "number") {
			var msAbs = Math.abs(Math.round(msValue));
			msText = " / " + (msValue > 0 ? "-" : "") + msAbs + "ms";
		}
		var feedback = new Text2(result.toUpperCase() + msText, {
			size: 120,
			fill: "#" + ("000000" + color.toString(16)).slice(-6)
		});
		feedback.anchor.set(0.5, 0);
		feedback.x = 2048 / 2;
		feedback.y = 120;
		game.addChild(feedback);
		tween(feedback, {
			alpha: 0,
			y: feedback.y - 60
		}, {
			duration: 500
		});
		LK.setTimeout(function () {
			feedback.destroy();
		}, 500);
	}
	self.down = function (x, y, obj) {
		// Only allow if this note is the first in activeNotes
		if (activeNotes.length === 0 || activeNotes[0] !== self) {
			// Not the first note, ignore press
			return;
		}
		var now = Date.now();
		var msDiff = now - self.hitZoneTime;
		var absMs = Math.abs(msDiff);
		var result = "fail";
		if (absMs <= MARVELOUS_WINDOW) {
			result = "marvelous";
			marvelousCount++;
		} else if (absMs <= PERFECT_WINDOW) {
			result = "perfect";
			perfectCount++;
		} else if (absMs <= GOOD_WINDOW) {
			result = "good";
			goodCount++;
		} else if (absMs <= BAD_WINDOW) {
			result = "bad";
			badCount++;
		} else if (absMs <= FAIL_WINDOW) {
			result = "fail";
			failCount++;
		}
		if (now < self.spawnTime + 0.2 * (self.hitZoneTime - self.spawnTime)) {
			result = "fail";
			failCount++;
		}
		updateAccuracyDisplay();
		LK.getSound('hitSound').play();
		showFeedback(result, msDiff);
		removeNoteFromActive(self);
		self.destroy();
	};
	self.update = function () {
		var now = Date.now();
		if (now - self.hitZoneTime > FAIL_WINDOW) {
			failCount++;
			updateAccuracyDisplay();
			showFeedback("fail", undefined);
			removeNoteFromActive(self);
			self.destroy();
		}
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Niveles: lista de niveles con id, nombre, canción y puntuación máxima
var niveles = [{
	id: 0,
	nombre: "Tutorial",
	cancion: "Tutorial",
	puntuacionMax: 0
}
// Puedes agregar más niveles aquí
];
var ms;
var time = 0;
var gameStartTime;
var gameStart;
var timerText;
var speed = 1.3;
var note;
var life = 100;
var combo = 0;
var score = 0;
var marvelousCount = 0;
var perfectCount = 0;
var goodCount = 0;
var badCount = 0;
var failCount = 0;
var noteCounter = 0;
var activeNotes = [];
// === Audio and Note Offsets ===
var audioOffset = 0; // in milliseconds, positive delays music, negative advances
var noteOffset = 0; // in milliseconds, positive delays notes, negative advances
var accuracyDisplayConfig = [{
	label: 'Marvelous',
	color: 0x00FFFC,
	yOffset: -300,
	type: 'marvelous'
}, {
	label: 'Perfect',
	color: 0x00FF00,
	yOffset: -240,
	type: 'perfect'
}, {
	label: 'Good',
	color: 0xFFFF00,
	yOffset: -180,
	type: 'good'
}, {
	label: 'Bad',
	color: 0xFFA500,
	yOffset: -120,
	type: 'bad'
}, {
	label: 'Fail',
	color: 0xFF0000,
	yOffset: -60,
	type: 'fail'
}];
var accuracyTexts = {};
function createAccuracyText(label, color, yOffset) {
	var txt = new Text2(label + ': 0', {
		size: 40,
		fill: color
	});
	txt.anchor.set(1, 0);
	txt.x = -20;
	txt.y = yOffset;
	LK.gui.bottomRight.addChild(txt);
	return txt;
}
// Reusable function to create notes at specific times
var scheduledNotes = [];
function addNote(nivel, timeString, x, y) {
	// Convert time string format "M:SS.CC" or "MM:SS.CC" to milliseconds
	var parts = timeString.split(':');
	var minutes = parseInt(parts[0]);
	var secondsParts = parts[1].split('.');
	var seconds = parseInt(secondsParts[0]);
	var centiseconds = parseInt(secondsParts[1]);
	var totalMs = minutes * 60 * 1000 + seconds * 1000 + centiseconds * 10;
	scheduledNotes.push({
		nivel: nivel,
		time: totalMs,
		created: false,
		x: x,
		y: y
	});
}
function createNoteAtPosition(x, y) {
	var newNote = new Note();
	// Use random position if x is undefined, null, or 0
	if (x === undefined || x === null || x === 0) {
		newNote.x = 100 + Math.random() * (2048 - 200);
	} else {
		newNote.x = x;
	}
	// Use random position if y is undefined, null, or 0
	if (y === undefined || y === null || y === 0) {
		newNote.y = 100 + Math.random() * (2732 - 200);
	} else {
		newNote.y = y;
	}
	noteCounter++;
	newNote.orderNumber = noteCounter;
	newNote.setNumber(activeNotes.length + 1);
	activeNotes.push(newNote);
	// Set alpha and interactivity: only first note is fully opaque and interactive
	if (activeNotes.length === 1) {
		newNote.alpha = 1;
		newNote.interactive = true;
	} else {
		newNote.alpha = 0.8;
		newNote.interactive = false;
	}
	game.addChild(newNote);
	return newNote;
}
function updateNoteNumbers() {
	for (var i = 0; i < activeNotes.length; i++) {
		activeNotes[i].setNumber(i + 1);
		// Only the first note is fully opaque and interactive
		if (i === 0) {
			activeNotes[i].alpha = 1;
			activeNotes[i].interactive = true;
		} else {
			activeNotes[i].alpha = 0.8;
			activeNotes[i].interactive = false;
		}
	}
}
function removeNoteFromActive(note) {
	var index = activeNotes.indexOf(note);
	if (index > -1) {
		activeNotes.splice(index, 1);
		updateNoteNumbers();
	}
}
accuracyDisplayConfig.forEach(function (cfg) {
	accuracyTexts[cfg.type] = createAccuracyText(cfg.label, cfg.color, cfg.yOffset);
});
function updateAccuracyDisplay() {
	accuracyTexts.marvelous.setText('Marvelous: ' + marvelousCount);
	accuracyTexts.perfect.setText('Perfect: ' + perfectCount);
	accuracyTexts.good.setText('Good: ' + goodCount);
	accuracyTexts.bad.setText('Bad: ' + badCount);
	accuracyTexts.fail.setText('Fail: ' + failCount);
}
/*
* Initializations
*/
// --- MENU STATE ---
var menuActive = true;
var menuContainer = new Container();
var menuBg = LK.getAsset('note', {
	anchorX: 0.5,
	anchorY: 0.5
});
menuBg.width = 900;
menuBg.height = 1200;
menuBg.x = 2048 / 2;
menuBg.y = 2732 / 2;
menuBg.alpha = 0.92;
menuContainer.addChild(menuBg);
var titleText = new Text2("Rhythm Game", {
	size: 120,
	fill: 0x222222
});
titleText.anchor.set(0.5, 0);
titleText.x = 2048 / 2;
titleText.y = 400;
menuContainer.addChild(titleText);
var selectLevelText = new Text2("Selecciona un nivel:", {
	size: 60,
	fill: 0x333333
});
selectLevelText.anchor.set(0.5, 0);
selectLevelText.x = 2048 / 2;
selectLevelText.y = 600;
menuContainer.addChild(selectLevelText);
var menuLevelButtons = [];
var menuButtonYStart = 750;
var menuButtonSpacing = 140;
for (var i = 0; i < niveles.length; i++) {
	(function (idx) {
		var nivel = niveles[idx];
		var btn = LK.getAsset('note', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		btn.width = 600;
		btn.height = 120;
		btn.x = 2048 / 2;
		btn.y = menuButtonYStart + idx * menuButtonSpacing;
		btn.alpha = 0.85;
		btn.interactive = true;
		btn.nivelId = nivel.id;
		var btnText = new Text2(nivel.nombre, {
			size: 60,
			fill: 0x000000
		});
		btnText.anchor.set(0.5, 0.5);
		btnText.x = btn.x;
		btnText.y = btn.y;
		menuContainer.addChild(btn);
		menuContainer.addChild(btnText);
		btn.down = function (x, y, obj) {
			if (!menuActive) return;
			startGameWithLevel(btn.nivelId);
		};
		menuLevelButtons.push(btn);
	})(i);
}
game.addChild(menuContainer);
// --- GAME STATE ---
var selectedLevelId = null;
var gameStarted = false;
var gameStartTime;
var timerText;
// Hide menu and start game
function startGameWithLevel(nivelId) {
	menuActive = false;
	selectedLevelId = nivelId;
	menuContainer.visible = false;
	gameStarted = true;
	// Reset all game state
	gameStartTime = Date.now();
	marvelousCount = 0;
	perfectCount = 0;
	goodCount = 0;
	badCount = 0;
	failCount = 0;
	noteCounter = 0;
	activeNotes = [];
	for (var i = 0; i < scheduledNotes.length; i++) {
		scheduledNotes[i].created = false;
	}
	// Remove all notes from game
	for (var i = game.children.length - 1; i >= 0; i--) {
		var child = game.children[i];
		if (child && child instanceof Container && child !== menuContainer) {
			child.destroy();
		}
	}
	// Timer text
	if (timerText) {
		timerText.destroy();
	}
	timerText = new Text2('0:00.00', {
		size: 60,
		fill: 0xFFFFFF
	});
	timerText.anchor.set(0.5, 0);
	timerText.x = 0;
	timerText.y = 50;
	LK.gui.top.addChild(timerText);
	// Optionally: could filter scheduledNotes by nivelId, but for now, all notes for all levels are scheduled
}
// --- SCHEDULE NOTES (unchanged) ---
addNote(0, "0:01.75", 0, 0);
addNote(0, "0:03.75", 0, 0);
addNote(0, "0:05.75", 0, 0);
addNote(0, "0:07.75", 0, 0);
addNote(0, "0:09.75", 0, 0);
addNote(0, "0:11.75", 0, 0);
addNote(0, "0:13.75", 0, 0);
addNote(0, "0:15.75", 0, 0);
// --- GAME LOOP ---
game.update = function () {
	if (!gameStarted) return;
	var currentTime = Date.now();
	var elapsedMs = currentTime - gameStartTime;
	// Apply noteOffset to note timing
	var adjustedElapsedMs = elapsedMs + noteOffset;
	var totalSeconds = Math.floor(elapsedMs / 1000);
	var minutes = Math.floor(totalSeconds / 60);
	var seconds = totalSeconds % 60;
	var centiseconds = Math.floor(elapsedMs % 1000 / 10);
	var timeString = minutes + ':' + (seconds < 10 ? '0' : '') + seconds + '.' + (centiseconds < 10 ? '0' : '') + centiseconds;
	timerText.setText(timeString);
	// Check scheduled notes for selected level only
	for (var i = 0; i < scheduledNotes.length; i++) {
		var scheduled = scheduledNotes[i];
		if (selectedLevelId !== null && scheduled.nivel !== selectedLevelId) continue;
		if (!scheduled.created && adjustedElapsedMs >= scheduled.time) {
			createNoteAtPosition(scheduled.x, scheduled.y);
			scheduled.created = true;
		}
	}
};

===================================================================
--- original.js
+++ change.js
@@ -292,29 +292,127 @@
 }
 /*
 * Initializations
 */
-gameStartTime = Date.now();
-timerText = new Text2('0:00.00', {
+// --- MENU STATE ---
+var menuActive = true;
+var menuContainer = new Container();
+var menuBg = LK.getAsset('note', {
+	anchorX: 0.5,
+	anchorY: 0.5
+});
+menuBg.width = 900;
+menuBg.height = 1200;
+menuBg.x = 2048 / 2;
+menuBg.y = 2732 / 2;
+menuBg.alpha = 0.92;
+menuContainer.addChild(menuBg);
+var titleText = new Text2("Rhythm Game", {
+	size: 120,
+	fill: 0x222222
+});
+titleText.anchor.set(0.5, 0);
+titleText.x = 2048 / 2;
+titleText.y = 400;
+menuContainer.addChild(titleText);
+var selectLevelText = new Text2("Selecciona un nivel:", {
 	size: 60,
-	fill: 0xFFFFFF
+	fill: 0x333333
 });
-timerText.anchor.set(0.5, 0);
-timerText.x = 0;
-timerText.y = 50;
-LK.gui.top.addChild(timerText);
-// Background music playback removed as requested
-// Example usage: addNote(nivel, "0:01.00") will create a note at 1 second for the given nivel
-// Add 5 random notes for nivel 0 (Tutorial)
+selectLevelText.anchor.set(0.5, 0);
+selectLevelText.x = 2048 / 2;
+selectLevelText.y = 600;
+menuContainer.addChild(selectLevelText);
+var menuLevelButtons = [];
+var menuButtonYStart = 750;
+var menuButtonSpacing = 140;
+for (var i = 0; i < niveles.length; i++) {
+	(function (idx) {
+		var nivel = niveles[idx];
+		var btn = LK.getAsset('note', {
+			anchorX: 0.5,
+			anchorY: 0.5
+		});
+		btn.width = 600;
+		btn.height = 120;
+		btn.x = 2048 / 2;
+		btn.y = menuButtonYStart + idx * menuButtonSpacing;
+		btn.alpha = 0.85;
+		btn.interactive = true;
+		btn.nivelId = nivel.id;
+		var btnText = new Text2(nivel.nombre, {
+			size: 60,
+			fill: 0x000000
+		});
+		btnText.anchor.set(0.5, 0.5);
+		btnText.x = btn.x;
+		btnText.y = btn.y;
+		menuContainer.addChild(btn);
+		menuContainer.addChild(btnText);
+		btn.down = function (x, y, obj) {
+			if (!menuActive) return;
+			startGameWithLevel(btn.nivelId);
+		};
+		menuLevelButtons.push(btn);
+	})(i);
+}
+game.addChild(menuContainer);
+// --- GAME STATE ---
+var selectedLevelId = null;
+var gameStarted = false;
+var gameStartTime;
+var timerText;
+// Hide menu and start game
+function startGameWithLevel(nivelId) {
+	menuActive = false;
+	selectedLevelId = nivelId;
+	menuContainer.visible = false;
+	gameStarted = true;
+	// Reset all game state
+	gameStartTime = Date.now();
+	marvelousCount = 0;
+	perfectCount = 0;
+	goodCount = 0;
+	badCount = 0;
+	failCount = 0;
+	noteCounter = 0;
+	activeNotes = [];
+	for (var i = 0; i < scheduledNotes.length; i++) {
+		scheduledNotes[i].created = false;
+	}
+	// Remove all notes from game
+	for (var i = game.children.length - 1; i >= 0; i--) {
+		var child = game.children[i];
+		if (child && child instanceof Container && child !== menuContainer) {
+			child.destroy();
+		}
+	}
+	// Timer text
+	if (timerText) {
+		timerText.destroy();
+	}
+	timerText = new Text2('0:00.00', {
+		size: 60,
+		fill: 0xFFFFFF
+	});
+	timerText.anchor.set(0.5, 0);
+	timerText.x = 0;
+	timerText.y = 50;
+	LK.gui.top.addChild(timerText);
+	// Optionally: could filter scheduledNotes by nivelId, but for now, all notes for all levels are scheduled
+}
+// --- SCHEDULE NOTES (unchanged) ---
 addNote(0, "0:01.75", 0, 0);
 addNote(0, "0:03.75", 0, 0);
 addNote(0, "0:05.75", 0, 0);
 addNote(0, "0:07.75", 0, 0);
 addNote(0, "0:09.75", 0, 0);
 addNote(0, "0:11.75", 0, 0);
 addNote(0, "0:13.75", 0, 0);
 addNote(0, "0:15.75", 0, 0);
+// --- GAME LOOP ---
 game.update = function () {
+	if (!gameStarted) return;
 	var currentTime = Date.now();
 	var elapsedMs = currentTime - gameStartTime;
 	// Apply noteOffset to note timing
 	var adjustedElapsedMs = elapsedMs + noteOffset;
@@ -323,11 +421,12 @@
 	var seconds = totalSeconds % 60;
 	var centiseconds = Math.floor(elapsedMs % 1000 / 10);
 	var timeString = minutes + ':' + (seconds < 10 ? '0' : '') + seconds + '.' + (centiseconds < 10 ? '0' : '') + centiseconds;
 	timerText.setText(timeString);
-	// Check scheduled notes
+	// Check scheduled notes for selected level only
 	for (var i = 0; i < scheduledNotes.length; i++) {
 		var scheduled = scheduledNotes[i];
+		if (selectedLevelId !== null && scheduled.nivel !== selectedLevelId) continue;
 		if (!scheduled.created && adjustedElapsedMs >= scheduled.time) {
 			createNoteAtPosition(scheduled.x, scheduled.y);
 			scheduled.created = true;
 		}