/**** 
* 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;
// Initialize timerText as a global Text2 object and add to GUI
var timerText = new Text2("0:00.00", {
	size: 90,
	fill: 0xFFFFFF
});
timerText.anchor.set(1, 0);
timerText.x = -20;
timerText.y = -20;
LK.gui.topRight.addChild(timerText);
timerText.visible = false;
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 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.15;
menuContainer.addChild(menuBg);
var titleText = new Text2("RHYTHM GAME", {
	size: 120,
	fill: 0x00FFFC
});
titleText.anchor.set(0.5, 0);
titleText.x = 2048 / 2;
titleText.y = 350;
menuContainer.addChild(titleText);
var levelButtons = [];
var selectedLevel = 0;
var buttonStartY = 600;
var buttonSpacing = 180;
for (var i = 0; i < niveles.length; i++) {
	(function (idx) {
		var lvl = niveles[idx];
		var btn = LK.getAsset('button', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		btn.x = 2048 / 2;
		btn.y = buttonStartY + idx * buttonSpacing;
		btn.interactive = true;
		btn.levelId = lvl.id;
		btn.levelIdx = idx;
		btn.alpha = 0.85;
		btn.down = function (x, y, obj) {
			// Highlight selected
			for (var j = 0; j < levelButtons.length; j++) {
				levelButtons[j].alpha = 0.85;
			}
			btn.alpha = 1;
			selectedLevel = btn.levelIdx;
			for (var j = 0; j < levelButtons.length; j++) {
				levelButtons[j].levelNameText.fill = "#000000";
			}
			btn.levelNameText.fill = "#00FFFC";
		};
		// Level name
		var nameText = new Text2(lvl.nombre, {
			size: 60,
			fill: idx === 0 ? "#00FFFC" : "#000000"
		});
		nameText.anchor.set(0.5, 0.5);
		nameText.x = btn.x;
		nameText.y = btn.y;
		btn.levelNameText = nameText;
		menuContainer.addChild(btn);
		menuContainer.addChild(nameText);
		levelButtons.push(btn);
	})(i);
}
// Play button
var playBtn = LK.getAsset('button', {
	anchorX: 0.5,
	anchorY: 0.5
});
playBtn.x = 2048 / 2;
playBtn.y = buttonStartY + niveles.length * buttonSpacing + 100;
playBtn.interactive = true;
menuContainer.addChild(playBtn);
var playText = new Text2("JUGAR", {
	size: 70,
	fill: 0x000000
});
playText.anchor.set(0.5, 0.5);
playText.x = playBtn.x;
playText.y = playBtn.y;
menuContainer.addChild(playText);
// Add menu to game
game.addChild(menuContainer);
// Hide gameplay UI until game starts
if (typeof timerText !== "undefined") timerText.visible = false;
for (var key in accuracyTexts) {
	if (accuracyTexts[key]) accuracyTexts[key].visible = false;
}
// Start game function
function startGameFromMenu() {
	// Hide menu
	menuContainer.visible = false;
	// Show gameplay UI
	if (typeof timerText !== "undefined") timerText.visible = true;
	for (var key in accuracyTexts) {
		if (accuracyTexts[key]) accuracyTexts[key].visible = true;
	}
	// Reset state
	gameStartTime = Date.now();
	noteCounter = 0;
	activeNotes = [];
	marvelousCount = 0;
	perfectCount = 0;
	goodCount = 0;
	badCount = 0;
	failCount = 0;
	updateAccuracyDisplay();
	// Remove all notes from previous game
	for (var i = game.children.length - 1; i >= 0; i--) {
		var ch = game.children[i];
		if (ch && ch instanceof Container && ch !== menuContainer) {
			if (typeof ch.setNumber === "function") {
				ch.destroy();
			}
		}
	}
	// Reset scheduled notes
	for (var i = 0; i < scheduledNotes.length; i++) {
		scheduledNotes[i].created = false;
	}
}
// Play button event
playBtn.down = function (x, y, obj) {
	startGameFromMenu();
};
// --- END MENU STATE ---
// Only add notes for the selected level when game starts
// 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)
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.update = function () {
	// If menu is visible, do not run gameplay
	if (menuContainer.visible) 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 (scheduled.nivel !== niveles[selectedLevel].id) continue;
		if (!scheduled.created && adjustedElapsedMs >= scheduled.time) {
			createNoteAtPosition(scheduled.x, scheduled.y);
			scheduled.created = true;
		}
	}
};

===================================================================
--- original.js
+++ change.js
@@ -158,9 +158,18 @@
 var ms;
 var time = 0;
 var gameStartTime;
 var gameStart;
-var timerText;
+// Initialize timerText as a global Text2 object and add to GUI
+var timerText = new Text2("0:00.00", {
+	size: 90,
+	fill: 0xFFFFFF
+});
+timerText.anchor.set(1, 0);
+timerText.x = -20;
+timerText.y = -20;
+LK.gui.topRight.addChild(timerText);
+timerText.visible = false;
 var speed = 1.3;
 var note;
 var life = 100;
 var combo = 0;