/**** 
* 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);
}

===================================================================
--- original.js
+++ change.js
@@ -78,13 +78,15 @@
 	y: centerY + squareSize / 2
 }];
 var startColors = ['splitSquare', 'splitSquare2', 'splitSquare3', 'splitSquare4'];
 for (var i = 0; i < 4; i++) {
-	var sq = new Container();
+	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);
 }
\ No newline at end of file