/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x1976d2 // Blue field background
});

/**** 
* Game Code
****/ 
// Enable dragging for the blue player
var draggingPlayer = null;
// Convert global (event) coordinates to local game coordinates
function toGameCoords(x, y) {
	// LK events provide coordinates in game space already
	return {
		x: x,
		y: y
	};
}
// Handle touch/mouse down: start dragging if on player
game.down = function (x, y, obj) {
	// Check if the down event is on the player
	// Use bounding box check
	var dx = x - player.x;
	var dy = y - player.y;
	var r = player.width / 2;
	if (dx * dx + dy * dy <= r * r) {
		draggingPlayer = player;
	}
};
// Handle touch/mouse move: move player if dragging
game.move = function (x, y, obj) {
	if (draggingPlayer) {
		// Keep player inside field bounds
		var minX = field.x - field.width / 2 + player.width / 2;
		var maxX = field.x + field.width / 2 - player.width / 2;
		var minY = field.y - field.height / 2 + player.height / 2;
		var maxY = field.y + field.height / 2 - player.height / 2;
		draggingPlayer.x = Math.max(minX, Math.min(maxX, x));
		draggingPlayer.y = Math.max(minY, Math.min(maxY, y));
	}
};
// Handle touch/mouse up: stop dragging
game.up = function (x, y, obj) {
	draggingPlayer = null;
};
;
;
// Futsal ball (white)
// Center circle (white, ellipse)
// Center line (white, box)
// Main field (futsal green)
// Goal area (penalty box, white)
// Goal (yellow, box)
// Player (blue, ellipse)
var field = LK.getAsset('field', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: 2732 / 2
});
game.addChild(field);
// Draw center line
var centerLine = LK.getAsset('centerLine', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: 2732 / 2
});
game.addChild(centerLine);
// Draw center circle
var centerCircle = LK.getAsset('centerCircle', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: 2732 / 2
});
game.addChild(centerCircle);
// Draw left goal (real-life: tall, slim, at field edge, centered vertically)
var leftGoal = LK.getAsset('goal', {
	anchorX: 0.5,
	// center anchor for easier placement
	anchorY: 0.5,
	width: 40,
	// slim width
	height: 400,
	// tall height
	x: (2048 - 1900) / 2 + 20,
	// flush with left field edge
	y: 2732 / 2
});
game.addChild(leftGoal);
// Draw right goal (real-life: tall, slim, at field edge, centered vertically)
var rightGoal = LK.getAsset('goal', {
	anchorX: 0.5,
	anchorY: 0.5,
	width: 40,
	height: 400,
	x: (2048 + 1900) / 2 - 20,
	// flush with right field edge
	y: 2732 / 2
});
game.addChild(rightGoal);
// Draw ball at center
var ball = LK.getAsset('ball', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: 2732 / 2
});
game.addChild(ball);
// Draw player at left side (blue)
var player = LK.getAsset('playerBlue', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2 - 500,
	y: 2732 / 2
});
game.addChild(player);
// Draw opponent at right side (red)
var opponent = LK.getAsset('playerRed', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2 + 500,
	y: 2732 / 2
});
game.addChild(opponent);
;

===================================================================
--- original.js
+++ change.js
@@ -7,9 +7,47 @@
 
 /**** 
 * Game Code
 ****/ 
-// Draw futsal field background
+// Enable dragging for the blue player
+var draggingPlayer = null;
+// Convert global (event) coordinates to local game coordinates
+function toGameCoords(x, y) {
+	// LK events provide coordinates in game space already
+	return {
+		x: x,
+		y: y
+	};
+}
+// Handle touch/mouse down: start dragging if on player
+game.down = function (x, y, obj) {
+	// Check if the down event is on the player
+	// Use bounding box check
+	var dx = x - player.x;
+	var dy = y - player.y;
+	var r = player.width / 2;
+	if (dx * dx + dy * dy <= r * r) {
+		draggingPlayer = player;
+	}
+};
+// Handle touch/mouse move: move player if dragging
+game.move = function (x, y, obj) {
+	if (draggingPlayer) {
+		// Keep player inside field bounds
+		var minX = field.x - field.width / 2 + player.width / 2;
+		var maxX = field.x + field.width / 2 - player.width / 2;
+		var minY = field.y - field.height / 2 + player.height / 2;
+		var maxY = field.y + field.height / 2 - player.height / 2;
+		draggingPlayer.x = Math.max(minX, Math.min(maxX, x));
+		draggingPlayer.y = Math.max(minY, Math.min(maxY, y));
+	}
+};
+// Handle touch/mouse up: stop dragging
+game.up = function (x, y, obj) {
+	draggingPlayer = null;
+};
+;
+;
 // Futsal ball (white)
 // Center circle (white, ellipse)
 // Center line (white, box)
 // Main field (futsal green)