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

/**** 
* Classes
****/ 
// Candy object class
var CandyObject = Container.expand(function () {
	var self = Container.call(this);
	var objectGraphics = self.attachAsset('candy', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.visible = false; // Initially, the candy object is not visible
	self.onClick = function () {
		// Hide the candy object and show the clickable object
		self.visible = false;
		clickableObject.visible = true;
		// Increase score by 3 when clicked after tablo object is clicked
		if (tabloObject.clicked) {
			LK.setScore(LK.getScore() + 3);
		} else {
			LK.setScore(LK.getScore() + 1);
		}
		scoreTxt.setText(LK.getScore().toString());
	};
	self.down = function (x, y, obj) {
		self.onClick();
		// Add a click effect
		LK.effects.flashObject(self, 0xFFFFFF, 100);
		// Make the candy object reappear 0.1 seconds after being clicked
		tween(self, {
			alpha: 0
		}, {
			duration: 0,
			onFinish: function onFinish() {
				tween(self, {
					alpha: 1
				}, {
					duration: 100
				});
				self.visible = true;
			}
		});
	};
});
//<Assets used in the game will automatically appear here>
//<Write imports for supported plugins here>
// Clickable object class
var ClickableObject = Container.expand(function () {
	var self = Container.call(this);
	var objectGraphics = self.attachAsset('clickable', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.onClick = function () {
		// Increase score by 500 when clicked
		LK.setScore(LK.getScore() + 500);
		scoreTxt.setText(LK.getScore().toString());
		// Hide the clickable object and show the candy object
		self.visible = false;
		candyObject.visible = true;
	};
	self.down = function (x, y, obj) {
		self.onClick();
		// Add a click effect
		LK.effects.flashObject(self, 0xFFFFFF, 100);
		// Make the clickable object reappear 0.1 seconds after being clicked
		tween(self, {
			alpha: 0
		}, {
			duration: 0,
			onFinish: function onFinish() {
				tween(self, {
					alpha: 1
				}, {
					duration: 100
				});
				self.visible = true;
			}
		});
	};
});

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

/**** 
* Game Code
****/ 
var scoreTxt = new Text2('0', {
	size: 150,
	fill: 0xFFFFFF
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
// Create clickable object
var clickableObject = new ClickableObject();
clickableObject.x = 2048 / 2; // Move the object to the center of the screen
clickableObject.y = 2732 / 2; // Keep the object vertically centered
game.addChild(clickableObject);
// Create candy object
var candyObject = new CandyObject();
candyObject.x = 2048 / 2; // Move the object to the center of the screen
candyObject.y = 2732 / 2;
game.addChild(candyObject);
// Create 'tablo' object
var tabloObject = game.addChild(LK.getAsset('tablo', {
	anchorX: 0.5,
	anchorY: 0.5
}));
tabloObject.x = 2048 - tabloObject.width / 2; // Move the object slightly to the left
tabloObject.y = 0 + tabloObject.height / 2 + 90;
tabloObject.clicked = false;
tabloObject.interactive = false;
tabloObject.down = function (x, y, obj) {
	tabloObject.clicked = true;
	tabloObject.visible = false;
	tablo2Object.visible = true;
	dolarObject.visible = false;
};
// Create '100Dolar' object
var dolarObject = game.addChild(LK.getAsset('100Dolar', {
	anchorX: 0.5,
	anchorY: 0.5
}));
dolarObject.x = 1850; // Position the object at x=1850
dolarObject.y = 600; // Position the object at y=600
// Create 'tablo2' object
var tablo2Object = game.addChild(LK.getAsset('tablo2', {
	anchorX: 0.5,
	anchorY: 0.5
}));
tablo2Object.visible = false;
tablo2Object.x = tabloObject.x; // Position the object at the same x position as tablo object
tablo2Object.y = tabloObject.y; // Position the object at the same y position as tablo object
// Create 'tablo3' object
var tablo3Object = game.addChild(LK.getAsset('tablo3', {
	anchorX: 0.5,
	anchorY: 0.5
}));
tablo3Object.x = dolarObject.x; // Position the object at the same x position as dolar object
tablo3Object.y = dolarObject.y + dolarObject.height / 2 + tablo3Object.height / 2 + 50; // Position the object slightly below the dolar object
tablo3Object.interactive = true;
var lastClickTime = 0;
tablo3Object.down = function (x, y, obj) {
	// Set an interval to increase score every 2 seconds
	this.scoreInterval = LK.setInterval(function () {
		LK.setScore(LK.getScore() + 5);
		scoreTxt.setText(LK.getScore().toString());
	}, 2000);
	dolar400Object.visible = false;
	this.visible = false; // Make tablo3 object disappear when clicked
	// Create a copy of tablo2 when tablo3 disappears
	var tablo2Copy = game.addChild(LK.getAsset('tablo2', {
		anchorX: 0.5,
		anchorY: 0.5
	}));
	tablo2Copy.x = this.x; // Position the copy at the same x position as tablo3
	tablo2Copy.y = this.y; // Position the copy at the same y position as tablo3
};
// Create '400dolar' object
var dolar400Object = game.addChild(LK.getAsset('400dolar', {
	anchorX: 0.5,
	anchorY: 0.5
}));
dolar400Object.x = tablo3Object.x; // Position the object at the same x position as tablo3 object
dolar400Object.y = tablo3Object.y + tablo3Object.height / 2 + dolar400Object.height / 2 + 50; // Position the object slightly below the tablo3 object
// Create 'Arkaplan' object
var arkaplanObject = game.addChildAt(LK.getAsset('Arkaplan', {
	anchorX: 0.5,
	anchorY: 0.5,
	width: 2048,
	height: 2732
}), 0);
arkaplanObject.x = 2048 / 2; // Position the object at the center of the screen
arkaplanObject.y = 2732 / 2; // Position the object at the center of the screen
// Update function
game.update = function () {};
;

===================================================================
--- original.js
+++ change.js
@@ -172,14 +172,14 @@
 }));
 dolar400Object.x = tablo3Object.x; // Position the object at the same x position as tablo3 object
 dolar400Object.y = tablo3Object.y + tablo3Object.height / 2 + dolar400Object.height / 2 + 50; // Position the object slightly below the tablo3 object
 // Create 'Arkaplan' object
-var arkaplanObject = game.addChild(LK.getAsset('Arkaplan', {
+var arkaplanObject = game.addChildAt(LK.getAsset('Arkaplan', {
 	anchorX: 0.5,
 	anchorY: 0.5,
 	width: 2048,
 	height: 2732
-}));
+}), 0);
 arkaplanObject.x = 2048 / 2; // Position the object at the center of the screen
 arkaplanObject.y = 2732 / 2; // Position the object at the center of the screen
 // Update function
 game.update = function () {};