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

/**** 
* Classes
****/ 
var Character = Container.expand(function () {
	var self = Container.call(this);
	var characterGraphics = self.attachAsset('character', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Target position for smooth movement
	self.targetX = 0;
	self.targetY = 0;
	// Movement speed factor for smooth following
	self.followSpeed = 0.15;
	// Square boundary limits (centered square area)
	var squareSize = 1200;
	var centerX = 2048 / 2;
	var centerY = 2732 / 2;
	self.boundaryLeft = centerX - squareSize / 2;
	self.boundaryRight = centerX + squareSize / 2;
	self.boundaryTop = centerY - squareSize / 2;
	self.boundaryBottom = centerY + squareSize / 2;
	var characterRadius = 60;
	self.update = function () {
		// Calculate next position
		var deltaX = self.targetX - self.x;
		var deltaY = self.targetY - self.y;
		var nextX = self.x + deltaX * self.followSpeed;
		var nextY = self.y + deltaY * self.followSpeed;
		// Check wall collisions and prevent movement beyond boundaries
		if (nextX - characterRadius < self.boundaryLeft) {
			nextX = self.boundaryLeft + characterRadius;
		}
		if (nextX + characterRadius > self.boundaryRight) {
			nextX = self.boundaryRight - characterRadius;
		}
		if (nextY - characterRadius < self.boundaryTop) {
			nextY = self.boundaryTop + characterRadius;
		}
		if (nextY + characterRadius > self.boundaryBottom) {
			nextY = self.boundaryBottom - characterRadius;
		}
		// Apply the constrained position
		self.x = nextX;
		self.y = nextY;
	};
	// Method to set target position
	self.setTarget = function (x, y) {
		self.targetX = x;
		self.targetY = y;
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Create visual boundary walls
var squareSize = 1200;
var centerX = 2048 / 2;
var centerY = 2732 / 2;
var boundaryLeft = centerX - squareSize / 2;
var boundaryRight = centerX + squareSize / 2;
var boundaryTop = centerY - squareSize / 2;
var boundaryBottom = centerY + squareSize / 2;
// Left wall
var leftWall = game.addChild(LK.getAsset('wall', {
	anchorX: 0.5,
	anchorY: 0.5
}));
leftWall.x = boundaryLeft;
leftWall.y = centerY;
// Right wall
var rightWall = game.addChild(LK.getAsset('wall', {
	anchorX: 0.5,
	anchorY: 0.5
}));
rightWall.x = boundaryRight;
rightWall.y = centerY;
// Top wall
var topWall = game.addChild(LK.getAsset('wallHorizontal', {
	anchorX: 0.5,
	anchorY: 0.5
}));
topWall.x = centerX;
topWall.y = boundaryTop;
// Bottom wall
var bottomWall = game.addChild(LK.getAsset('wallHorizontal', {
	anchorX: 0.5,
	anchorY: 0.5
}));
bottomWall.x = centerX;
bottomWall.y = boundaryBottom;
// Create the character at center of screen
var character = game.addChild(new Character());
character.x = 2048 / 2;
character.y = 2732 / 2;
// Set initial target position to character's starting position
character.setTarget(character.x, character.y);
// Handle mouse/touch movement
game.move = function (x, y, obj) {
	// Set character target to mouse position
	character.setTarget(x, y);
};
// Handle mouse/touch down - also update position immediately
game.down = function (x, y, obj) {
	// Set character target to touch/click position
	character.setTarget(x, y);
};
// Main game update loop
game.update = function () {
	// Character update is called automatically by the engine
	// No additional logic needed for basic mouse following
};

===================================================================
--- original.js
+++ change.js
@@ -60,9 +60,9 @@
 /**** 
 * Initialize Game
 ****/ 
 var game = new LK.Game({
-	backgroundColor: 0x2196F3
+	backgroundColor: 0x000000
 });
 
 /**** 
 * Game Code