/**** 
* Classes
****/ 
// Player-controlled box
var PlayerBox = Container.expand(function () {
	var self = Container.call(this);
	var box = self.attachAsset('playerBox', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	return self;
});

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

/**** 
* Game Code
****/ 
// Add city roads background image
var cityRoadsBg = LK.getAsset('cityRoads', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: 2732 / 2,
	scaleX: 2048 / 1024,
	// Assuming original asset width is 1024px, scale to fit width
	scaleY: 2732 / 1024 // Adjust this if asset height is different
});
game.addChild(cityRoadsBg);
// Player box 
var player = new PlayerBox();
game.addChild(player);
// Center player in the middle of the screen
player.x = 2048 / 2;
player.y = 2732 / 2;
// Dragging logic
var dragNode = null;
var offsetX = 0;
var offsetY = 0;
// Helper: clamp value between min and max
function clamp(val, min, max) {
	if (val < min) return min;
	if (val > max) return max;
	return val;
}
// Touch/mouse down: start dragging if on player
game.down = function (x, y, obj) {
	// Check if touch is inside player box
	var dx = x - player.x;
	var dy = y - player.y;
	var halfW = player.children[0].width / 2;
	var halfH = player.children[0].height / 2;
	if (dx >= -halfW && dx <= halfW && dy >= -halfH && dy <= halfH) {
		dragNode = player;
		offsetX = player.x - x;
		offsetY = player.y - y;
	}
};
// Touch/mouse up: stop dragging
game.up = function (x, y, obj) {
	dragNode = null;
};
// Touch/mouse move: move player if dragging
game.move = function (x, y, obj) {
	if (dragNode === player) {
		// Clamp player inside game area (leave 10px margin)
		var halfW = player.children[0].width / 2;
		var halfH = player.children[0].height / 2;
		var targetX = clamp(x + offsetX, halfW + 10, 2048 - halfW - 10);
		var targetY = clamp(y + offsetY, halfH + 10, 2732 - halfH - 10);
		// Move slowly towards the target position (lower lerp factor = slower)
		var lerpFactor = 0.15;
		player.x = player.x + (targetX - player.x) * lerpFactor;
		player.y = player.y + (targetY - player.y) * lerpFactor;
	}
};
// Main game update loop (not needed, but kept for completeness)
game.update = function () {
	// No logic needed
};

===================================================================
--- original.js
+++ change.js
@@ -20,9 +20,20 @@
 
 /**** 
 * Game Code
 ****/ 
-// Player box
+// Add city roads background image
+var cityRoadsBg = LK.getAsset('cityRoads', {
+	anchorX: 0.5,
+	anchorY: 0.5,
+	x: 2048 / 2,
+	y: 2732 / 2,
+	scaleX: 2048 / 1024,
+	// Assuming original asset width is 1024px, scale to fit width
+	scaleY: 2732 / 1024 // Adjust this if asset height is different
+});
+game.addChild(cityRoadsBg);
+// Player box 
 var player = new PlayerBox();
 game.addChild(player);
 // Center player in the middle of the screen
 player.x = 2048 / 2;