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

/**** 
* Classes
****/ 
// Box class 1 (renamed to Odun)
var Odun = Container.expand(function () {
	var self = Container.call(this);
	var boxAsset = self.attachAsset('tapBox', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.boxAsset = boxAsset;
	self.tapCount = 0;
	self.counterTxt = new Text2('0', {
		size: 90,
		fill: 0xff0000
	});
	self.counterTxt.anchor.set(0.5, 0.5);
	self.counterTxt.x = 0;
	self.counterTxt.y = 0;
	self.addChild(self.counterTxt);
	self.down = function (x, y, obj) {
		tween.stop(self.boxAsset, {
			scaleX: true,
			scaleY: true
		});
		self.boxAsset.scaleX = 1.0;
		self.boxAsset.scaleY = 1.0;
		tween(self.boxAsset, {
			scaleX: 1.2,
			scaleY: 1.2
		}, {
			duration: 80,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				tween(self.boxAsset, {
					scaleX: 1.0,
					scaleY: 1.0
				}, {
					duration: 100,
					easing: tween.easeIn
				});
			}
		});
		self.tapCount += 1;
		self.counterTxt.setText(self.tapCount);
	};
	return self;
});
// Box class 2
var TapBox2 = Container.expand(function () {
	var self = Container.call(this);
	var boxAsset = self.attachAsset('tapBox', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.boxAsset = boxAsset;
	self.tapCount = 0;
	self.counterTxt = new Text2('0', {
		size: 90,
		fill: 0x006400
	});
	self.counterTxt.anchor.set(0.5, 0.5);
	self.counterTxt.x = 0;
	self.counterTxt.y = 0;
	self.addChild(self.counterTxt);
	self.down = function (x, y, obj) {
		tween.stop(self.boxAsset, {
			scaleX: true,
			scaleY: true
		});
		self.boxAsset.scaleX = 1.0;
		self.boxAsset.scaleY = 1.0;
		tween(self.boxAsset, {
			scaleX: 1.2,
			scaleY: 1.2
		}, {
			duration: 80,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				tween(self.boxAsset, {
					scaleX: 1.0,
					scaleY: 1.0
				}, {
					duration: 100,
					easing: tween.easeIn
				});
			}
		});
		self.tapCount += 1;
		self.counterTxt.setText(self.tapCount);
	};
	return self;
});
// Box class 3
var TapBox3 = Container.expand(function () {
	var self = Container.call(this);
	var boxAsset = self.attachAsset('tapBox', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.boxAsset = boxAsset;
	self.tapCount = 0;
	self.counterTxt = new Text2('0', {
		size: 90,
		fill: 0x222222
	});
	self.counterTxt.anchor.set(0.5, 0.5);
	self.counterTxt.x = 0;
	self.counterTxt.y = 0;
	self.addChild(self.counterTxt);
	self.down = function (x, y, obj) {
		tween.stop(self.boxAsset, {
			scaleX: true,
			scaleY: true
		});
		self.boxAsset.scaleX = 1.0;
		self.boxAsset.scaleY = 1.0;
		tween(self.boxAsset, {
			scaleX: 1.2,
			scaleY: 1.2
		}, {
			duration: 80,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				tween(self.boxAsset, {
					scaleX: 1.0,
					scaleY: 1.0
				}, {
					duration: 100,
					easing: tween.easeIn
				});
			}
		});
		self.tapCount += 1;
		self.counterTxt.setText(self.tapCount);
	};
	return self;
});
// Box class 4
var TapBox4 = Container.expand(function () {
	var self = Container.call(this);
	var boxAsset = self.attachAsset('tapBox', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.boxAsset = boxAsset;
	self.tapCount = 0;
	self.counterTxt = new Text2('0', {
		size: 90,
		fill: 0x222222
	});
	self.counterTxt.anchor.set(0.5, 0.5);
	self.counterTxt.x = 0;
	self.counterTxt.y = 0;
	self.addChild(self.counterTxt);
	self.down = function (x, y, obj) {
		tween.stop(self.boxAsset, {
			scaleX: true,
			scaleY: true
		});
		self.boxAsset.scaleX = 1.0;
		self.boxAsset.scaleY = 1.0;
		tween(self.boxAsset, {
			scaleX: 1.2,
			scaleY: 1.2
		}, {
			duration: 80,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				tween(self.boxAsset, {
					scaleX: 1.0,
					scaleY: 1.0
				}, {
					duration: 100,
					easing: tween.easeIn
				});
			}
		});
		self.tapCount += 1;
		self.counterTxt.setText(self.tapCount);
	};
	return self;
});
// Box class 5
var TapBox5 = Container.expand(function () {
	var self = Container.call(this);
	var boxAsset = self.attachAsset('tapBox', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.boxAsset = boxAsset;
	self.tapCount = 0;
	self.counterTxt = new Text2('0', {
		size: 90,
		fill: 0x222222
	});
	self.counterTxt.anchor.set(0.5, 0.5);
	self.counterTxt.x = 0;
	self.counterTxt.y = 0;
	self.addChild(self.counterTxt);
	self.down = function (x, y, obj) {
		tween.stop(self.boxAsset, {
			scaleX: true,
			scaleY: true
		});
		self.boxAsset.scaleX = 1.0;
		self.boxAsset.scaleY = 1.0;
		tween(self.boxAsset, {
			scaleX: 1.2,
			scaleY: 1.2
		}, {
			duration: 80,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				tween(self.boxAsset, {
					scaleX: 1.0,
					scaleY: 1.0
				}, {
					duration: 100,
					easing: tween.easeIn
				});
			}
		});
		self.tapCount += 1;
		self.counterTxt.setText(self.tapCount);
	};
	return self;
});
// Box class 6
var TapBox6 = Container.expand(function () {
	var self = Container.call(this);
	var boxAsset = self.attachAsset('tapBox', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.boxAsset = boxAsset;
	self.tapCount = 0;
	self.counterTxt = new Text2('0', {
		size: 90,
		fill: 0x222222
	});
	self.counterTxt.anchor.set(0.5, 0.5);
	self.counterTxt.x = 0;
	self.counterTxt.y = 0;
	self.addChild(self.counterTxt);
	self.down = function (x, y, obj) {
		tween.stop(self.boxAsset, {
			scaleX: true,
			scaleY: true
		});
		self.boxAsset.scaleX = 1.0;
		self.boxAsset.scaleY = 1.0;
		tween(self.boxAsset, {
			scaleX: 1.2,
			scaleY: 1.2
		}, {
			duration: 80,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				tween(self.boxAsset, {
					scaleX: 1.0,
					scaleY: 1.0
				}, {
					duration: 100,
					easing: tween.easeIn
				});
			}
		});
		self.tapCount += 1;
		self.counterTxt.setText(self.tapCount);
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Box colors for variety
// No global score display needed; each box is fully independent
var boxColors = [0xff5252,
// red
0x40c4ff,
// blue
0x69f0ae,
// green
0xffd740,
// yellow
0xb388ff,
// purple
0xff80ab // pink
];
// Register box asset (all boxes use same size, color is set per instance)
// Layout: 2 rows x 3 columns, centered
var boxSize = 340;
var hGap = 120;
var vGap = 160;
var cols = 3;
var rows = 2;
var totalWidth = cols * boxSize + (cols - 1) * hGap;
var totalHeight = rows * boxSize + (rows - 1) * vGap;
var startX = (2048 - totalWidth) / 2 + boxSize / 2;
var startY = (2732 - totalHeight) / 2 + boxSize / 2;
// Store all boxes for possible future use
var tapBoxes = [];
var boxClasses = [Odun, TapBox2, TapBox3, TapBox4, TapBox5, TapBox6];
var boxIdx = 0;
for (var row = 0; row < rows; row++) {
	for (var col = 0; col < cols; col++) {
		var idx = row * cols + col;
		var BoxClass = boxClasses[boxIdx];
		var box = new BoxClass();
		box.x = startX + col * (boxSize + hGap);
		box.y = startY + row * (boxSize + vGap);
		// Set color per box
		if (BoxClass === Odun) {
			box.boxAsset.color = 0xff5252; // red
		} else {
			box.boxAsset.color = boxColors[idx % boxColors.length];
		}
		game.addChild(box);
		tapBoxes.push(box);
		boxIdx++;
	}
}
// No dragging or move logic needed; all interaction is per-box
// No update loop needed for this minimal game
// No timer/game over logic for MVP
// End of file

===================================================================
--- original.js
+++ change.js
@@ -16,9 +16,9 @@
 	self.boxAsset = boxAsset;
 	self.tapCount = 0;
 	self.counterTxt = new Text2('0', {
 		size: 90,
-		fill: 0x222225
+		fill: 0xff0000
 	});
 	self.counterTxt.anchor.set(0.5, 0.5);
 	self.counterTxt.x = 0;
 	self.counterTxt.y = 0;
@@ -61,9 +61,9 @@
 	self.boxAsset = boxAsset;
 	self.tapCount = 0;
 	self.counterTxt = new Text2('0', {
 		size: 90,
-		fill: 0x222222
+		fill: 0x006400
 	});
 	self.counterTxt.anchor.set(0.5, 0.5);
 	self.counterTxt.x = 0;
 	self.counterTxt.y = 0;