/**** 
* Classes
****/ 
// Şimdilik eklentiye gerek yok
// Kare için bir sınıf oluştur
var CenterSquare = Container.expand(function () {
	var self = Container.call(this);
	// Kareyi ortalamak için anchor noktası ortada
	var square = self.attachAsset('centerSquare', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Kaç parçaya bölüneceğini takip et
	self.splitCount = 2;
	// Kareye dokunulduğunda bölme işlemi
	self.down = function (x, y, obj) {
		// Maksimum 20'ye kadar bölünebilir
		if (self.splitCount > 20) {
			self.destroy();
			return;
		}
		// Sadece splitCount kadar kare oluşturulsun (ilk tıklamada 2, sonra 3, sonra 4 ...)
		var N = self.splitCount;
		var margin = 24;
		var totalMargin = (N - 1) * margin;
		// Karelerin boyutunu, hem genişlik hem yükseklik için eşit ve kare olacak şekilde ayarla
		var smallSize = Math.min((square.width - totalMargin) / N, (square.height - totalMargin) / N);
		var startX = self.x - (N * smallSize + totalMargin) / 2 + smallSize / 2;
		for (var i = 0; i < N; i++) {
			var smallContainer = new CenterSquare();
			smallContainer.x = startX + i * (smallSize + margin);
			smallContainer.y = self.y;
			smallContainer.splitCount = self.splitCount + 1;
			smallContainer._customSize = smallSize;
			if (self.parent) {
				self.parent.addChild(smallContainer);
			}
		}
		// Ortadaki kareyi kaldır
		self.destroy();
	};
	// Eğer özel boyut verilmişse, kareyi o boyutta ayarla
	if (typeof self._customSize === "number") {
		square.width = self._customSize;
		square.height = self._customSize;
	}
	return self;
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0xffffff // Beyaz arka plan
});

/**** 
* Game Code
****/ 
// Kare (center square) için bir şekil tanımla
// Kareyi oluştur ve ekrana ortala
var centerSquare = new CenterSquare();
centerSquare.x = 2048 / 2;
centerSquare.y = 2732 / 2;
game.addChild(centerSquare);
// Oyun başlığı ve kısa açıklama için üstte metin göster
var titleText = new Text2('Kareye Dokun!', {
	size: 120,
	fill: 0x222222
});
titleText.anchor.set(0.5, 0);
LK.gui.top.addChild(titleText);
// Oyun açıklaması için alt kısımda metin göster
var descText = new Text2('Ortadaki kareye dokun ve kareyi böl!', {
	size: 70,
	fill: 0x444444
});
descText.anchor.set(0.5, 1);
LK.gui.bottom.addChild(descText);
// Oyun alanında başka bir etkileşim yok, sadece kareye dokunulabilir.
// Tüm oyun mantığı CenterSquare sınıfında.

===================================================================
--- original.js
+++ change.js
@@ -22,18 +22,16 @@
 		// Sadece splitCount kadar kare oluşturulsun (ilk tıklamada 2, sonra 3, sonra 4 ...)
 		var N = self.splitCount;
 		var margin = 24;
 		var totalMargin = (N - 1) * margin;
-		var smallSize = (square.width - totalMargin) / N;
+		// Karelerin boyutunu, hem genişlik hem yükseklik için eşit ve kare olacak şekilde ayarla
+		var smallSize = Math.min((square.width - totalMargin) / N, (square.height - totalMargin) / N);
+		var startX = self.x - (N * smallSize + totalMargin) / 2 + smallSize / 2;
 		for (var i = 0; i < N; i++) {
 			var smallContainer = new CenterSquare();
-			smallContainer.x = self.x - square.width / 2 + (i + 0.5) * smallSize + i * margin;
+			smallContainer.x = startX + i * (smallSize + margin);
 			smallContainer.y = self.y;
 			smallContainer.splitCount = self.splitCount + 1;
-			// Küçük kareyi uygun boyutta ayarla
-			// square.width ve height'ı override et
-			// attachAsset ile yeni kareyi CenterSquare içinde oluşturacağız
-			// Ama CenterSquare'in attachAsset'i zaten var, bu yüzden küçük kareyi boyutlandırmak için bir özellik ekleyelim
 			smallContainer._customSize = smallSize;
 			if (self.parent) {
 				self.parent.addChild(smallContainer);
 			}