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

/**** 
* Classes
****/ 
// Kareyi sürükleyip bırakmak için kullanılacak temel sınıf
var DraggableSquare = Container.expand(function () {
	var self = Container.call(this);
	self.isDragging = false;
	self.offsetX = 0;
	self.offsetY = 0;
	self.targetX = 0;
	self.targetY = 0;
	self.locked = false; // Doğru yere yerleştiyse true
	// Kareyi sürüklemeye başla
	self.down = function (x, y, obj) {
		if (self.locked) return;
		self.isDragging = true;
		self.offsetX = x - self.x;
		self.offsetY = y - self.y;
		dragNode = self;
	};
	// Kareyi bırak
	self.up = function (x, y, obj) {
		if (self.locked) return;
		self.isDragging = false;
		dragNode = null;
		// Doğru yere yakınsa oraya oturt
		if (Math.abs(self.x - self.targetX) < 60 && Math.abs(self.y - self.targetY) < 60) {
			tween(self, {
				x: self.targetX,
				y: self.targetY
			}, {
				duration: 200,
				easing: tween.easeOut
			});
			self.locked = true;
			LK.getSound('snap').play();
			checkAllPlaced();
		}
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Oyun alanı merkezini hesapla
var centerX = 2048 / 2;
var centerY = 2732 / 2;
// --- SADECE ORTADA 4 RENKLİ KARE GÖSTER ---
var squareSize = 390;
var startTargets = [{
	x: centerX - squareSize / 2,
	// sol üst 
	y: centerY - squareSize / 2
}, {
	x: centerX + squareSize / 2,
	// sağ üst 
	y: centerY - squareSize / 2
}, {
	x: centerX - squareSize / 2,
	// sol alt 
	y: centerY + squareSize / 2
}, {
	x: centerX + squareSize / 2,
	// sağ alt 
	y: centerY + squareSize / 2
}];
var startColors = ['splitSquare', 'splitSquare2', 'splitSquare3', 'splitSquare4'];
for (var i = 0; i < 4; i++) {
	var sq = new DraggableSquare();
	var asset = sq.attachAsset(startColors[i], {
		anchorX: 0.5,
		anchorY: 0.5
	});
	sq.x = startTargets[i].x;
	sq.y = startTargets[i].y;
	sq.targetX = startTargets[i].x;
	sq.targetY = startTargets[i].y;
	game.addChild(sq);
}
// Tüm kareler yerleşti mi kontrol fonksiyonu
function checkAllPlaced() {
	// Şu an için işlevsiz, ileride tamamlanabilir.
}
// --- Aşağıya "böl" butonu ekle --- 
var bolButton = new Text2("böl", {
	size: 120,
	fill: "#222",
	fontWeight: "bold",
	align: "center",
	background: 0xE0E0E0
});
bolButton.anchor.set(0.5, 0.5);
// Ekranın alt ortasına yerleştir (100px yukarıda)
bolButton.x = centerX;
bolButton.y = 2732 - 200;
LK.gui.bottom.addChild(bolButton);
// --- Aşağıya "buton" yazılı bir buton ekle ---
var genericButton = new Text2("buton", {
	size: 120,
	fill: "#000",
	fontWeight: "bold",
	align: "center",
	background: 0xB0BEC5
});
genericButton.anchor.set(0.5, 0.5);
// Ekranın alt ortasına, 'böl' butonunun biraz üstüne yerleştir
genericButton.x = centerX;
genericButton.y = 2732 - 400;
LK.gui.bottom.addChild(genericButton);

===================================================================
--- original.js
+++ change.js
@@ -109,9 +109,9 @@
 LK.gui.bottom.addChild(bolButton);
 // --- Aşağıya "buton" yazılı bir buton ekle ---
 var genericButton = new Text2("buton", {
 	size: 120,
-	fill: "#222",
+	fill: "#000",
 	fontWeight: "bold",
 	align: "center",
 	background: 0xB0BEC5
 });