/**** 
* Classes
****/
var Button = Container.expand(function () {
	var self = Container.call(this);
	self.interactive = true;
	self.buttonMode = true;
	// Add a background graphic
	var background = self.attachAsset('buttonBackground', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Add a textfield
	self.textfield = new Text2('1', {
		size: 300,
		fill: '#111111',
		align: 'center',
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.addChild(self.textfield);
	self.textfield.x = -80;
	self.textfield.y = -180;
	self.val = 0;
	self.on('down', function () {
		//console.log('Button pressed:', this.val);
		if (this.val == count) {
			console.log('correct');
			if (count < 10) {
				count++;
				randomNumbers();
			} else {
				// Won.
				button1.destroy();
				button2.destroy();
				button3.destroy();
				instructionsText.setText("Good job!\nYou counted to 10\nand averted the crisis.");
				instructionsText.x += 120;
				var winGraphics = background.addChild(new WinGraphics());
			}
		} else {
			console.log('incorrect');
			// Lost.
		}
	});
});
var WinGraphics = Container.expand(function () {
	var self = Container.call(this);
	var wonBackground = self.attachAsset('wonBackground', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 2048 / 2,
		y: 2732 / 2
	});
});

/**** 
* Initialize Game
****/
var game = new LK.Game({
	backgroundColor: 0x001100 // Init game with black background
});

/**** 
* Game Code
****/
// Initialize a text asset for displaying the count number
// Initialize a simple circle asset for counting visualization
// Initialize game elements
var background = game.addChild(LK.getAsset('background', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: 2732 / 2,
	alpha: 0.8
}));
var instructionsText = new Text2('Tensions run high at the border\nCount to 10', {
	size: 100,
	fill: "#ffffff",
	align: 'center',
	anchorX: 0.5,
	anchorY: 0.0
});
instructionsText.x = 400;
instructionsText.y = 100;
game.addChild(instructionsText);
// Initialize count variable
var count = 1;
// Function to update the count and display it
// Add event listener to increment count on touch
var button1 = game.addChild(new Button());
button1.x = 2048 / 2 - 500;
button1.y = 2732 / 2;
var button2 = game.addChild(new Button());
button2.x = 2048 / 2;
button2.y = 2732 / 2;
var button3 = game.addChild(new Button());
button3.x = 2048 / 2 + 500;
button3.y = 2732 / 2;
var buttonArr = [button1, button2, button3];
var randomNumbers = function randomNumbers() {
	for (var i in buttonArr) {
		var v = Math.ceil(Math.random() * 10);
		if (v === 10) {
			buttonArr[i].textfield.x = -180;
		} else {
			buttonArr[i].textfield.x = -80;
		}
		buttonArr[i].textfield.setText("" + v);
		buttonArr[i].val = v;
	}
	var right = buttonArr[Math.floor(Math.random() * 3)];
	right.textfield.setText("" + count);
	right.val = count;
	if (count === 10) {
		right.textfield.x = -180;
	} else {
		right.textfield.x = -80;
	}
};
randomNumbers();
// Main game tick function
LK.on('tick', function () {
	// Game logic that needs to be executed every frame can be added here
	// For this simple counting game, there's no need to update anything per tick
});

===================================================================
--- original.js
+++ change.js
@@ -35,9 +35,9 @@
 				button2.destroy();
 				button3.destroy();
 				instructionsText.setText("Good job!\nYou counted to 10\nand averted the crisis.");
 				instructionsText.x += 120;
-				var winGraphics = game.addChild(new WinGraphics());
+				var winGraphics = background.addChild(new WinGraphics());
 			}
 		} else {
 			console.log('incorrect');
 			// Lost.