/**** 
* Classes
****/ 
// SplitSquare: A square that can be split into two, then each half can be split again
var SplitSquare = Container.expand(function () {
	var self = Container.call(this);
	// State: 0 = whole, 1 = split in 2, 2 = split in 4
	self.splitState = 0;
	// Store child pieces for later reference
	self.pieces = [];
	// Add the initial whole square
	var whole = self.attachAsset('splitSquare1', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 0,
		y: 0
	});
	self.pieces.push(whole);
	// Helper to clear all pieces
	self.clearPieces = function () {
		for (var i = 0; i < self.pieces.length; i++) {
			if (self.pieces[i] && self.pieces[i].parent) {
				self.pieces[i].parent.removeChild(self.pieces[i]);
			}
		}
		self.pieces = [];
	};
	// Split into 2 pieces (horizontal split, üstlü altlı)
	self.splitInTwo = function () {
		self.clearPieces();
		// Use the actual height of the splitSquare2 asset for perfect alignment
		var pieceH = LK.getAsset('splitSquare2', {
			anchorX: 0.5,
			anchorY: 0.5
		}).height;
		var gap = 10;
		var top = self.attachAsset('splitSquare2', {
			anchorX: 0.5,
			// center horizontally
			anchorY: 1,
			// bottom edge
			x: 0,
			y: -(gap / 2)
		});
		var bottom = self.attachAsset('splitSquare2', {
			anchorX: 0.5,
			// center horizontally
			anchorY: 0,
			// top edge
			x: 0,
			y: gap / 2
		});
		self.pieces.push(top, bottom);
		self.splitState = 1;
	};
	// Split into 4 pieces (each half split horizontally)
	self.splitInFour = function () {
		self.clearPieces();
		// Use the actual width/height of the splitSquare3/4 assets for perfect alignment
		var pieceW = LK.getAsset('splitSquare3', {
			anchorX: 0.5,
			anchorY: 0.5
		}).width;
		var pieceH = LK.getAsset('splitSquare3', {
			anchorX: 0.5,
			anchorY: 0.5
		}).height;
		// Top-left
		var tl = self.attachAsset('splitSquare3', {
			anchorX: 1,
			anchorY: 1,
			x: 0,
			y: 0
		});
		// Bottom-left
		var bl = self.attachAsset('splitSquare4', {
			anchorX: 1,
			anchorY: 0,
			x: 0,
			y: 0
		});
		// Top-right
		var tr = self.attachAsset('splitSquare3', {
			anchorX: 0,
			anchorY: 1,
			x: 0,
			y: 0
		});
		// Bottom-right
		var br = self.attachAsset('splitSquare4', {
			anchorX: 0,
			anchorY: 0,
			x: 0,
			y: 0
		});
		self.pieces.push(tl, bl, tr, br);
		self.splitState = 2;
	};
	// Handle click/tap to split
	self.down = function (x, y, obj) {
		if (self.splitState === 0) {
			self.splitInTwo();
		} else if (self.splitState === 1) {
			self.splitInFour();
		}
	};
	return self;
});

/**** 
* Initialize Game
****/ 
// Add a SplitSquare to the center of the game
var game = new LK.Game({
	backgroundColor: 0xffffff
});

/**** 
* Game Code
****/ 
// Add a SplitSquare to the center of the game
var splitSquare = new SplitSquare();
splitSquare.x = 2048 / 2;
splitSquare.y = 2732 / 2;
game.addChild(splitSquare);

===================================================================
--- original.js
+++ change.js
@@ -32,25 +32,24 @@
 		var pieceH = LK.getAsset('splitSquare2', {
 			anchorX: 0.5,
 			anchorY: 0.5
 		}).height;
+		var gap = 10;
 		var top = self.attachAsset('splitSquare2', {
 			anchorX: 0.5,
 			// center horizontally
 			anchorY: 1,
 			// bottom edge
 			x: 0,
-			y: 0,
-			flipY: 0 // normal
+			y: -(gap / 2)
 		});
 		var bottom = self.attachAsset('splitSquare2', {
 			anchorX: 0.5,
 			// center horizontally
 			anchorY: 0,
 			// top edge
 			x: 0,
-			y: 0,
-			flipY: 1 // vertical mirror
+			y: gap / 2
 		});
 		self.pieces.push(top, bottom);
 		self.splitState = 1;
 	};