/**** 
* Plugins
****/ 
var tween = LK.import("@upit/tween.v1");
var storage = LK.import("@upit/storage.v1", {
	highScore: 0
});

/**** 
* Classes
****/ 
// Ball class: handles color, rotation, and animation
var ColorBall = Container.expand(function () {
	var self = Container.call(this);
	// Color order: 0=Red, 1=Blue, 2=Green
	self.colors = ['red', 'blue', 'green'];
	self.colorIdx = 0;
	// Attach all color assets, only one visible at a time
	self.ballAssets = {
		red: self.attachAsset('ballRed', {
			anchorX: 0.5,
			anchorY: 0.5
		}),
		blue: self.attachAsset('ballBlue', {
			anchorX: 0.5,
			anchorY: 0.5
		}),
		green: self.attachAsset('ballGreen', {
			anchorX: 0.5,
			anchorY: 0.5
		})
	};
	self.setColor = function (color) {
		self.color = color;
		self.ballAssets.red.visible = color === 'red';
		self.ballAssets.blue.visible = color === 'blue';
		self.ballAssets.green.visible = color === 'green';
	};
	self.setColor('red');
	self.rotationSpeed = 0.02; // radians per tick
	self.targetRotationSpeed = 0.02;
	self.update = function () {
		// Smoothly approach target rotation speed
		if (self.rotationSpeed !== self.targetRotationSpeed) {
			self.rotationSpeed += (self.targetRotationSpeed - self.rotationSpeed) * 0.08;
		}
		self.rotation += self.rotationSpeed;
	};
	// Animate color change (optional: flash or scale)
	self.animateColorChange = function () {
		tween(self, {
			scaleX: 1.15,
			scaleY: 1.15
		}, {
			duration: 80,
			easing: tween.cubicOut,
			onFinish: function onFinish() {
				tween(self, {
					scaleX: 1,
					scaleY: 1
				}, {
					duration: 100,
					easing: tween.cubicIn
				});
			}
		});
	};
	return self;
});
// Button class: handles color, label, and press feedback
var ColorButton = Container.expand(function () {
	var self = Container.call(this);
	// color: 'red', 'blue', 'green'
	self.setColor = function (color) {
		self.color = color;
		if (self.asset) self.removeChild(self.asset);
		if (self.label) self.removeChild(self.label);
		var assetId = color === 'red' ? 'btnRed' : color === 'blue' ? 'btnBlue' : 'btnGreen';
		self.asset = self.attachAsset(assetId, {
			anchorX: 0.5,
			anchorY: 0.5
		});
		self.label = new Text2(color.toUpperCase(), {
			size: 70,
			fill: "#fff",
			font: "GillSans-Bold,Impact,'Arial Black',Tahoma"
		});
		self.label.anchor.set(0.5, 0.5);
		self.label.y = 0;
		self.addChild(self.label);
	};
	// Animate press feedback
	self.animatePress = function () {
		tween(self.asset, {
			scaleX: 0.93,
			scaleY: 0.93
		}, {
			duration: 60,
			easing: tween.cubicOut,
			onFinish: function onFinish() {
				tween(self.asset, {
					scaleX: 1,
					scaleY: 1
				}, {
					duration: 80,
					easing: tween.cubicIn
				});
			}
		});
	};
	// For hit detection
	self.containsPoint = function (x, y) {
		var local = self.toLocal({
			x: x,
			y: y
		});
		return local.x > -self.asset.width / 2 && local.x < self.asset.width / 2 && local.y > -self.asset.height / 2 && local.y < self.asset.height / 2;
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Music (optional, but initialized for future use)
// Sound
// Button colors
// Ball colors
// --- Game State ---
var ball;
var buttons = [];
var colorOrder = ['red', 'blue', 'green'];
var currentColor = 'red';
var score = 0;
var highScore = storage.highScore || 0;
var timeLimit = 1800; // ms, initial time to respond
var minTimeLimit = 650; // ms, minimum allowed
var timeDecrease = 80; // ms, decrease per correct
var rotationSpeed = 0.02; // initial
var maxRotationSpeed = 0.09;
var rotationIncrease = 0.008;
var waitingForInput = true;
var responseTimer = null;
var lastTapTime = 0;
// --- UI Elements ---
var scoreTxt = new Text2('0', {
	size: 120,
	fill: "#fff"
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
var highScoreTxt = new Text2('BEST: ' + highScore, {
	size: 60,
	fill: "#aaa"
});
highScoreTxt.anchor.set(0.5, 0);
highScoreTxt.y = 110;
LK.gui.top.addChild(highScoreTxt);
var timerBar = LK.getAsset('btnRed', {
	width: 900,
	height: 30,
	color: 0xffffff,
	anchorX: 0.5,
	anchorY: 0.5
});
timerBar.y = 220;
timerBar.x = 2048 / 2;
timerBar.alpha = 0.18;
game.addChild(timerBar);
var timerBarFill = LK.getAsset('btnRed', {
	width: 900,
	height: 30,
	color: 0x2ecc40,
	anchorX: 0.5,
	anchorY: 0.5
});
timerBarFill.y = 220;
timerBarFill.x = 2048 / 2;
game.addChild(timerBarFill);
// --- Setup Ball ---
ball = new ColorBall();
ball.x = 2048 / 2;
ball.y = 1100;
game.addChild(ball);
// --- Setup Buttons ---
var btnSpacing = 480;
var btnY = 2732 - 320;
for (var i = 0; i < 3; i++) {
	var btn = new ColorButton();
	btn.setColor(colorOrder[i]);
	btn.x = 2048 / 2 + (i - 1) * btnSpacing;
	btn.y = btnY;
	buttons.push(btn);
	game.addChild(btn);
	// No per-button down handler needed; handled by game.down
}
// --- Helper Functions ---
function setScore(val) {
	score = val;
	scoreTxt.setText(score);
	if (score > highScore) {
		highScore = score;
		storage.highScore = highScore;
		highScoreTxt.setText('BEST: ' + highScore);
	}
}
function randomColor() {
	// Never repeat the same color twice in a row
	var idx = colorOrder.indexOf(currentColor);
	var nextIdx = idx;
	while (nextIdx === idx) {
		nextIdx = Math.floor(Math.random() * 3);
	}
	return colorOrder[nextIdx];
}
function startNewRound() {
	waitingForInput = true;
	// Pick new color
	currentColor = randomColor();
	ball.setColor(currentColor);
	ball.animateColorChange();
	// Increase difficulty
	if (timeLimit > minTimeLimit) timeLimit -= timeDecrease;
	if (rotationSpeed < maxRotationSpeed) rotationSpeed += rotationIncrease;
	ball.targetRotationSpeed = rotationSpeed;
	// Start timer
	timerBarFill.width = 900;
	timerBarFill.tint = currentColor === 'red' ? 0xd83318 : currentColor === 'blue' ? 0x187ad8 : 0x2ecc40;
	if (responseTimer) LK.clearTimeout(responseTimer);
	responseTimer = LK.setTimeout(function () {
		// Time's up
		waitingForInput = false;
		LK.effects.flashScreen(0xff0000, 600);
		LK.getSound('wrong').play();
		endGame();
	}, timeLimit);
	lastTapTime = Date.now();
}
function endGame() {
	if (responseTimer) LK.clearTimeout(responseTimer);
	waitingForInput = false;
	// Flash ball red
	LK.effects.flashObject(ball, 0xff0000, 600);
	// Show game over (handled by LK)
	LK.showGameOver();
}
// --- Input Handling ---
game.down = function (x, y, obj) {
	if (!waitingForInput) return;
	// Check if any button is pressed using containsPoint
	for (var i = 0; i < buttons.length; i++) {
		var btn = buttons[i];
		if (btn.containsPoint(x, y)) {
			handleButtonPress(btn);
			break;
		}
	}
};
function handleButtonPress(btn) {
	if (!waitingForInput) return;
	btn.animatePress();
	waitingForInput = false;
	if (btn.color === currentColor) {
		// Correct!
		setScore(score + 1);
		LK.getSound('correct').play();
		// Animate ball
		tween(ball, {
			scaleX: 1.18,
			scaleY: 1.18
		}, {
			duration: 80,
			easing: tween.cubicOut,
			onFinish: function onFinish() {
				tween(ball, {
					scaleX: 1,
					scaleY: 1
				}, {
					duration: 100,
					easing: tween.cubicIn
				});
			}
		});
		// Next round after short delay
		if (responseTimer) LK.clearTimeout(responseTimer);
		responseTimer = LK.setTimeout(function () {
			startNewRound();
		}, 220);
	} else {
		// Wrong!
		LK.effects.flashScreen(0xff0000, 600);
		LK.getSound('wrong').play();
		endGame();
	}
}
// --- Game Update Loop ---
game.update = function () {
	// Animate timer bar
	if (waitingForInput) {
		var elapsed = Date.now() - lastTapTime;
		var frac = 1 - elapsed / timeLimit;
		if (frac < 0) frac = 0;
		timerBarFill.width = 900 * frac;
	} else {
		timerBarFill.width = 0;
	}
};
// --- Start Game ---
function startGame() {
	setScore(0);
	timeLimit = 1800;
	rotationSpeed = 0.02;
	ball.rotationSpeed = rotationSpeed;
	ball.targetRotationSpeed = rotationSpeed;
	startNewRound();
}
startGame();
// --- Responsive UI (optional, handled by LK) ---
// --- Music (optional, not started by default) ---
// LK.playMusic('bgmusic', {fade: {start: 0, end: 1, duration: 1000}});

===================================================================
--- original.js
+++ change.js
@@ -253,18 +253,12 @@
 }
 // --- Input Handling ---
 game.down = function (x, y, obj) {
 	if (!waitingForInput) return;
-	// Convert event coordinates to game coordinates if needed
-	// Check if any button is pressed directly by hit test
+	// Check if any button is pressed using containsPoint
 	for (var i = 0; i < buttons.length; i++) {
 		var btn = buttons[i];
-		// Use global to local conversion for the button
-		var local = btn.toLocal({
-			x: x,
-			y: y
-		});
-		if (local.x > -btn.asset.width / 2 && local.x < btn.asset.width / 2 && local.y > -btn.asset.height / 2 && local.y < btn.asset.height / 2) {
+		if (btn.containsPoint(x, y)) {
 			handleButtonPress(btn);
 			break;
 		}
 	}