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

/**** 
* Classes
****/ 
var Ball = Container.expand(function () {
	var self = Container.call(this);
	var ballGraphics = self.attachAsset('ball', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.velocityX = 0;
	self.velocityY = 0;
	self.gravity = 0.2;
	self.moving = false;
	self.update = function () {
		if (self.moving) {
			self.x += self.velocityX;
			self.y += self.velocityY;
			// Apply gravity for side view
			self.velocityY += self.gravity;
			// Apply air resistance
			self.velocityX *= 0.998;
			self.velocityY *= 0.999;
			// Field boundaries
			if (self.x <= 50) {
				self.x = 50;
				self.velocityX *= -0.7;
			}
			if (self.x >= screenWidth - 50) {
				self.x = screenWidth - 50;
				self.velocityX *= -0.7;
			}
			if (self.y <= 50) {
				self.y = 50;
				self.velocityY *= -0.7;
			}
			if (self.y >= screenHeight - 50) {
				self.y = screenHeight - 50;
				self.velocityY *= -0.7;
			}
			if (Math.abs(self.velocityX) < 0.3 && Math.abs(self.velocityY) < 0.3) {
				self.moving = false;
				self.velocityX = 0;
				self.velocityY = 0;
				tween.stop(ballGraphics, {
					rotation: true
				});
			}
		}
	};
	self.shoot = function (targetX, targetY, power) {
		var distance = Math.sqrt((targetX - self.x) * (targetX - self.x) + (targetY - self.y) * (targetY - self.y));
		self.velocityX = (targetX - self.x) / distance * power;
		self.velocityY = (targetY - self.y) / distance * power;
		self.moving = true;
		// Add realistic ball spin during movement
		var spinSpeed = power * 0.3;
		tween(ballGraphics, {
			rotation: ballGraphics.rotation + spinSpeed
		}, {
			duration: 2000,
			easing: tween.linear
		});
		// Add ball scale effect for power visualization
		tween(ballGraphics, {
			scaleX: 1.2,
			scaleY: 1.2
		}, {
			duration: 100,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				tween(ballGraphics, {
					scaleX: 1.0,
					scaleY: 1.0
				}, {
					duration: 200,
					easing: tween.easeInOut
				});
			}
		});
		LK.getSound('kick').play();
	};
	return self;
});
var Goalkeeper = Container.expand(function () {
	var self = Container.call(this);
	var keeperGraphics = self.attachAsset('goalkeeper', {
		anchorX: 0.5,
		anchorY: 1.0
	});
	self.speed = 1.0 + LK.getScore() * 0.3;
	self.direction = 1;
	self.directionX = Math.random() > 0.5 ? 1 : -1;
	self.reactionTime = 0;
	self.isDiving = false;
	self.maxReactionTime = 30 - LK.getScore() * 2;
	if (self.maxReactionTime < 10) {
		self.maxReactionTime = 10;
	}
	// Add realistic goalkeeper breathing animation
	tween(keeperGraphics, {
		scaleY: 1.1
	}, {
		duration: 1000,
		easing: tween.easeInOut,
		onFinish: function onFinish() {
			tween(keeperGraphics, {
				scaleY: 1.0
			}, {
				duration: 1000,
				easing: tween.easeInOut,
				onFinish: function onFinish() {
					// Repeat breathing animation
					LK.setTimeout(function () {
						if (!self.isDiving) {
							tween(keeperGraphics, {
								scaleY: 1.1
							}, {
								duration: 1000,
								easing: tween.easeInOut
							});
						}
					}, 500);
				}
			});
		}
	});
	self.update = function () {
		// Random movement when not diving - both vertical and horizontal
		if (!self.isDiving && Math.random() < 0.02) {
			self.direction *= -1;
		}
		if (!self.isDiving && Math.random() < 0.015) {
			self.directionX *= -1;
		}
		if (!self.isDiving) {
			self.y += self.direction * self.speed;
			// Add horizontal movement
			self.x += self.directionX * (self.speed * 0.5);
		}
		// Keep within goal bounds (vertical movement for side view)
		if (self.y <= goalY + 50) {
			self.y = goalY + 50;
			self.direction = 1;
		}
		if (self.y >= goalY + goalHeight - 50) {
			self.y = goalY + goalHeight - 50;
			self.direction = -1;
		}
		// Keep within horizontal bounds
		if (self.x <= goalX - 120) {
			self.x = goalX - 120;
			self.directionX = 1;
		}
		if (self.x >= goalX - 20) {
			self.x = goalX - 20;
			self.directionX = -1;
		}
		// React to ball when it's moving toward goal
		if (ball.moving && ball.x > goalX - 200) {
			self.reactionTime++;
			if (self.reactionTime > self.maxReactionTime && !self.isDiving) {
				self.isDiving = true;
				var targetY = ball.y;
				var targetX = Math.max(goalX - 100, Math.min(goalX - 30, ball.x));
				// Dive animation with tween - now includes horizontal movement
				tween(self, {
					y: targetY,
					x: targetX,
					rotation: self.y < targetY ? 0.5 : -0.5
				}, {
					duration: 600,
					easing: tween.easeOut,
					onFinish: function onFinish() {
						// Reset after dive
						LK.setTimeout(function () {
							self.isDiving = false;
							tween(self, {
								rotation: 0
							}, {
								duration: 300,
								easing: tween.easeInOut
							});
						}, 1000);
					}
				});
			}
		} else {
			self.reactionTime = 0;
		}
	};
	return self;
});
var Player = Container.expand(function () {
	var self = Container.call(this);
	var playerGraphics = self.attachAsset('player', {
		anchorX: 0.5,
		anchorY: 1.0
	});
	self.isKicking = false;
	// Idle breathing animation
	self.startIdleAnimation = function () {
		if (!self.isKicking) {
			tween(playerGraphics, {
				scaleY: 1.05
			}, {
				duration: 800,
				easing: tween.easeInOut,
				onFinish: function onFinish() {
					tween(playerGraphics, {
						scaleY: 1.0
					}, {
						duration: 800,
						easing: tween.easeInOut,
						onFinish: function onFinish() {
							LK.setTimeout(function () {
								self.startIdleAnimation();
							}, 200);
						}
					});
				}
			});
		}
	};
	// Kicking animation
	self.performKick = function () {
		if (self.isKicking) return;
		self.isKicking = true;
		// Stop any idle animations
		tween.stop(playerGraphics);
		// Lean back preparation
		tween(playerGraphics, {
			rotation: -0.2,
			scaleX: 0.9
		}, {
			duration: 150,
			easing: tween.easeIn,
			onFinish: function onFinish() {
				// Forward kick motion
				tween(playerGraphics, {
					rotation: 0.3,
					scaleX: 1.2,
					x: self.x + 30
				}, {
					duration: 200,
					easing: tween.easeOut,
					onFinish: function onFinish() {
						// Return to normal position
						tween(playerGraphics, {
							rotation: 0,
							scaleX: 1.0,
							x: self.x - 30
						}, {
							duration: 300,
							easing: tween.easeInOut,
							onFinish: function onFinish() {
								self.isKicking = false;
								// Resume idle animation
								LK.setTimeout(function () {
									self.startIdleAnimation();
								}, 500);
							}
						});
					}
				});
			}
		});
	};
	// Start idle animation initially
	LK.setTimeout(function () {
		self.startIdleAnimation();
	}, 100);
	return self;
});
var Spectator = Container.expand(function () {
	var self = Container.call(this);
	var spectatorGraphics = self.attachAsset('spectator', {
		anchorX: 0.5,
		anchorY: 1.0
	});
	var headGraphics = self.attachAsset('spectatorHead', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	headGraphics.y = -50;
	self.addChild(headGraphics);
	self.animationDelay = Math.random() * 2000;
	self.isCheering = false;
	// Random spectator colors
	var colors = [0x4169E1, 0xFF6347, 0x32CD32, 0xFFD700, 0xFF69B4, 0x8A2BE2];
	spectatorGraphics.tint = colors[Math.floor(Math.random() * colors.length)];
	self.update = function () {
		// Random cheering animation
		if (Math.random() < 0.005 && !self.isCheering) {
			self.isCheering = true;
			tween(self, {
				scaleY: 1.2,
				y: self.y - 20
			}, {
				duration: 300,
				easing: tween.easeOut,
				onFinish: function onFinish() {
					tween(self, {
						scaleY: 1.0,
						y: self.y + 20
					}, {
						duration: 300,
						easing: tween.easeIn,
						onFinish: function onFinish() {
							self.isCheering = false;
						}
					});
				}
			});
		}
	};
	self.celebrateGoal = function () {
		self.isCheering = true;
		tween(self, {
			scaleX: 1.3,
			scaleY: 1.3,
			y: self.y - 30
		}, {
			duration: 200,
			easing: tween.bounceOut,
			onFinish: function onFinish() {
				tween(self, {
					scaleX: 1.0,
					scaleY: 1.0,
					y: self.y + 30
				}, {
					duration: 400,
					easing: tween.easeIn,
					onFinish: function onFinish() {
						self.isCheering = false;
					}
				});
			}
		});
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Game dimensions and positions for side view (90 degrees rotated)
var screenWidth = 2048;
var screenHeight = 2732;
var fieldX = 0; // Position field from left edge for full visibility
var goalWidth = 80; // Thinner goal for side view
var goalHeight = 1000; // Taller goal for side view
var goalX = screenWidth - 200; // Goal positioned relative to centered field
var goalY = (screenHeight - goalHeight) / 2; // Center goal vertically
var ballStartX = 300; // Ball starts positioned for centered field
var ballStartY = screenHeight / 2;
// Game state
var isAiming = false;
var aimStartX = 0;
var aimStartY = 0;
var gameState = 'waiting'; // 'waiting', 'ready', 'aiming', 'shooting', 'reset'
var gameStarted = false;
// Create field
var field = game.addChild(LK.getAsset('field', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: screenWidth / 2,
	y: screenHeight / 2,
	width: screenWidth,
	// Full screen width
	height: screenHeight,
	// Full screen height
	rotation: Math.PI / 2 // Rotate 90 degrees
}));
// Create goal
var goal = game.addChild(LK.getAsset('goal', {
	anchorX: 0,
	anchorY: 0,
	x: goalX,
	y: goalY,
	width: goalWidth,
	height: goalHeight
}));
// Create goal posts (visual) for side view
var topPost = game.addChild(LK.getAsset('aimLine', {
	anchorX: 0,
	anchorY: 0.5,
	x: goalX,
	y: goalY,
	width: goalWidth,
	height: 12,
	color: 0xffffff
}));
var bottomPost = game.addChild(LK.getAsset('aimLine', {
	anchorX: 0,
	anchorY: 0.5,
	x: goalX,
	y: goalY + goalHeight,
	width: goalWidth,
	height: 12,
	color: 0xffffff
}));
var goalLine = game.addChild(LK.getAsset('aimLine', {
	anchorX: 0.5,
	anchorY: 0,
	x: goalX,
	y: goalY,
	width: 12,
	height: goalHeight,
	color: 0xffffff
}));
// Create ball
var ball = game.addChild(new Ball());
ball.x = ballStartX;
ball.y = ballStartY;
// Create player
var player = game.addChild(new Player());
player.x = ballStartX - 80;
player.y = ballStartY + 50;
// Create goalkeeper
var goalkeeper = game.addChild(new Goalkeeper());
goalkeeper.x = goalX - 50; // Position in front of goal
goalkeeper.y = goalY + goalHeight / 2;
// Create spectators crowd
var spectators = [];
// Left side spectators (behind ball starting position)
for (var i = 0; i < 15; i++) {
	var spec = new Spectator();
	spec.x = 100 + Math.random() * 150;
	spec.y = 200 + i * 150 + Math.random() * 50;
	spectators.push(spec);
	game.addChild(spec);
}
// Right side spectators (behind goal)
for (var j = 0; j < 12; j++) {
	var spec2 = new Spectator();
	spec2.x = screenWidth - 150 + Math.random() * 100;
	spec2.y = 300 + j * 180 + Math.random() * 60;
	spectators.push(spec2);
	game.addChild(spec2);
}
// Top spectators
for (var k = 0; k < 8; k++) {
	var spec3 = new Spectator();
	spec3.x = 400 + k * 200 + Math.random() * 100;
	spec3.y = 150 + Math.random() * 50;
	spectators.push(spec3);
	game.addChild(spec3);
}
// Bottom spectators
for (var l = 0; l < 8; l++) {
	var spec4 = new Spectator();
	spec4.x = 400 + l * 200 + Math.random() * 100;
	spec4.y = screenHeight - 150 + Math.random() * 50;
	spectators.push(spec4);
	game.addChild(spec4);
}
// Create start button
var startButton = game.addChild(LK.getAsset('startButton', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: screenWidth / 2,
	y: screenHeight / 2
}));
var startButtonText = new Text2('START GAME', {
	size: 50,
	fill: 0xFFFFFF
});
startButtonText.anchor.set(0.5, 0.5);
startButtonText.x = screenWidth / 2;
startButtonText.y = screenHeight / 2;
game.addChild(startButtonText);
// Hide game elements initially
field.alpha = 0.3;
goal.alpha = 0.3;
topPost.alpha = 0.3;
bottomPost.alpha = 0.3;
goalLine.alpha = 0.3;
ball.alpha = 0.3;
goalkeeper.alpha = 0.3;
player.alpha = 0.3;
for (var s = 0; s < spectators.length; s++) {
	spectators[s].alpha = 0.3;
}
// Create aim line (initially hidden)
var aimLine = game.addChild(LK.getAsset('aimLine', {
	anchorX: 0,
	anchorY: 0.5,
	alpha: 0
}));
// Create score display
var scoreTxt = new Text2('Score: 0', {
	size: 80,
	fill: 0xFFFFFF
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
// Create instruction text
var instructionTxt = new Text2('Click START GAME to begin!', {
	size: 60,
	fill: 0xFFFFFF
});
instructionTxt.anchor.set(0.5, 1);
instructionTxt.y = -50;
LK.gui.bottom.addChild(instructionTxt);
// Game event handlers
game.down = function (x, y, obj) {
	if (!gameStarted && gameState === 'waiting') {
		// Check if clicked on start button
		var buttonBounds = {
			left: screenWidth / 2 - 200,
			right: screenWidth / 2 + 200,
			top: screenHeight / 2 - 50,
			bottom: screenHeight / 2 + 50
		};
		if (x >= buttonBounds.left && x <= buttonBounds.right && y >= buttonBounds.top && y <= buttonBounds.bottom) {
			// Start the game
			gameStarted = true;
			gameState = 'ready';
			// Hide start button
			startButton.alpha = 0;
			startButtonText.alpha = 0;
			// Show game elements
			field.alpha = 1;
			goal.alpha = 1;
			topPost.alpha = 1;
			bottomPost.alpha = 1;
			goalLine.alpha = 1;
			ball.alpha = 1;
			goalkeeper.alpha = 1;
			player.alpha = 1;
			for (var t = 0; t < spectators.length; t++) {
				spectators[t].alpha = 1;
			}
			// Update instruction text
			instructionTxt.setText('Drag to aim, release to shoot!');
		}
	} else if (gameState === 'ready') {
		gameState = 'aiming';
		isAiming = true;
		aimStartX = x;
		aimStartY = y;
		aimLine.alpha = 1;
	}
};
game.move = function (x, y, obj) {
	if (isAiming && gameState === 'aiming') {
		var dx = x - ball.x;
		var dy = y - ball.y;
		var distance = Math.sqrt(dx * dx + dy * dy);
		if (distance > 0) {
			aimLine.x = ball.x;
			aimLine.y = ball.y;
			var targetWidth = Math.min(distance, 300);
			// Smooth aim line width transition
			tween(aimLine, {
				width: targetWidth
			}, {
				duration: 50,
				easing: tween.easeOut
			});
			aimLine.rotation = Math.atan2(dy, dx);
			// Power visualization with color change
			var power = Math.min(distance / 300, 1);
			var red = Math.floor(255 * power);
			var green = Math.floor(255 * (1 - power));
			var color = red << 16 | green << 8 | 0;
			tween(aimLine, {
				tint: color
			}, {
				duration: 100,
				easing: tween.linear
			});
		}
	}
};
game.up = function (x, y, obj) {
	if (isAiming && gameState === 'aiming') {
		isAiming = false;
		aimLine.alpha = 0;
		gameState = 'shooting';
		var dx = x - ball.x;
		var dy = y - ball.y;
		var distance = Math.sqrt(dx * dx + dy * dy);
		var power = Math.min(distance / 10, 25);
		ball.shoot(x, y, power);
		player.performKick();
	}
};
// Reset function
function resetGame() {
	ball.x = ballStartX;
	ball.y = ballStartY;
	ball.moving = false;
	ball.velocityX = 0;
	ball.velocityY = 0;
	gameState = 'ready';
	goalkeeper.reactionTime = 0;
	goalkeeper.speed = 1.0 + LK.getScore() * 0.3;
	goalkeeper.maxReactionTime = 30 - LK.getScore() * 2;
	if (goalkeeper.maxReactionTime < 10) {
		goalkeeper.maxReactionTime = 10;
	}
}
// Game update loop
game.update = function () {
	// Check for goal
	if (ball.moving && ball.x > goalX && ball.y > goalY && ball.y < goalY + goalHeight && ball.lastX !== undefined && ball.lastX <= goalX) {
		// Check if goalkeeper blocked it
		if (!ball.intersects(goalkeeper)) {
			LK.setScore(LK.getScore() + 1);
			scoreTxt.setText('Score: ' + LK.getScore());
			LK.getSound('goal').play();
			LK.effects.flashScreen(0x00ff00, 500);
			// Celebrate goal with ball bounce and goal shake
			tween(ball, {
				scaleX: 1.5,
				scaleY: 1.5
			}, {
				duration: 300,
				easing: tween.bounceOut,
				onFinish: function onFinish() {
					tween(ball, {
						scaleX: 1.0,
						scaleY: 1.0
					}, {
						duration: 200
					});
				}
			});
			// Goal shake effect
			tween(goal, {
				x: goalX + 10
			}, {
				duration: 50,
				easing: tween.easeInOut,
				onFinish: function onFinish() {
					tween(goal, {
						x: goalX - 10
					}, {
						duration: 50,
						onFinish: function onFinish() {
							tween(goal, {
								x: goalX
							}, {
								duration: 50
							});
						}
					});
				}
			});
			// Score text celebration
			tween(scoreTxt, {
				scaleX: 1.3,
				scaleY: 1.3
			}, {
				duration: 200,
				easing: tween.easeOut,
				onFinish: function onFinish() {
					tween(scoreTxt, {
						scaleX: 1.0,
						scaleY: 1.0
					}, {
						duration: 300
					});
				}
			});
			// Make spectators celebrate goal
			for (var u = 0; u < spectators.length; u++) {
				LK.setTimeout(function () {
					var randomSpec = spectators[Math.floor(Math.random() * spectators.length)];
					if (randomSpec && randomSpec.celebrateGoal) {
						randomSpec.celebrateGoal();
					}
				}, Math.random() * 500);
			}
			// Reset immediately for continuous play
			resetGame();
		}
	}
	// Check for goalkeeper block
	if (ball.moving && ball.intersects(goalkeeper)) {
		LK.getSound('block').play();
		LK.effects.flashScreen(0xff0000, 500);
		LK.showGameOver();
	}
	// Check if ball went off screen or stopped moving for too long
	if (ball.moving && (ball.x < -100 || ball.x > screenWidth + 100 || ball.y < -100 || ball.y > screenHeight + 100)) {
		LK.showGameOver();
	}
	// Check if ball stopped moving and didn't score
	if (!ball.moving && gameState === 'shooting') {
		if (!(ball.x > goalX && ball.y > goalY && ball.y < goalY + goalHeight)) {
			LK.setTimeout(function () {
				LK.showGameOver();
			}, 1000);
		}
	}
	// Track ball position for collision detection
	ball.lastX = ball.x;
	ball.lastY = ball.y;
};

===================================================================
--- original.js
+++ change.js
@@ -194,8 +194,89 @@
 		}
 	};
 	return self;
 });
+var Player = Container.expand(function () {
+	var self = Container.call(this);
+	var playerGraphics = self.attachAsset('player', {
+		anchorX: 0.5,
+		anchorY: 1.0
+	});
+	self.isKicking = false;
+	// Idle breathing animation
+	self.startIdleAnimation = function () {
+		if (!self.isKicking) {
+			tween(playerGraphics, {
+				scaleY: 1.05
+			}, {
+				duration: 800,
+				easing: tween.easeInOut,
+				onFinish: function onFinish() {
+					tween(playerGraphics, {
+						scaleY: 1.0
+					}, {
+						duration: 800,
+						easing: tween.easeInOut,
+						onFinish: function onFinish() {
+							LK.setTimeout(function () {
+								self.startIdleAnimation();
+							}, 200);
+						}
+					});
+				}
+			});
+		}
+	};
+	// Kicking animation
+	self.performKick = function () {
+		if (self.isKicking) return;
+		self.isKicking = true;
+		// Stop any idle animations
+		tween.stop(playerGraphics);
+		// Lean back preparation
+		tween(playerGraphics, {
+			rotation: -0.2,
+			scaleX: 0.9
+		}, {
+			duration: 150,
+			easing: tween.easeIn,
+			onFinish: function onFinish() {
+				// Forward kick motion
+				tween(playerGraphics, {
+					rotation: 0.3,
+					scaleX: 1.2,
+					x: self.x + 30
+				}, {
+					duration: 200,
+					easing: tween.easeOut,
+					onFinish: function onFinish() {
+						// Return to normal position
+						tween(playerGraphics, {
+							rotation: 0,
+							scaleX: 1.0,
+							x: self.x - 30
+						}, {
+							duration: 300,
+							easing: tween.easeInOut,
+							onFinish: function onFinish() {
+								self.isKicking = false;
+								// Resume idle animation
+								LK.setTimeout(function () {
+									self.startIdleAnimation();
+								}, 500);
+							}
+						});
+					}
+				});
+			}
+		});
+	};
+	// Start idle animation initially
+	LK.setTimeout(function () {
+		self.startIdleAnimation();
+	}, 100);
+	return self;
+});
 var Spectator = Container.expand(function () {
 	var self = Container.call(this);
 	var spectatorGraphics = self.attachAsset('spectator', {
 		anchorX: 0.5,
@@ -342,8 +423,12 @@
 // Create ball
 var ball = game.addChild(new Ball());
 ball.x = ballStartX;
 ball.y = ballStartY;
+// Create player
+var player = game.addChild(new Player());
+player.x = ballStartX - 80;
+player.y = ballStartY + 50;
 // Create goalkeeper
 var goalkeeper = game.addChild(new Goalkeeper());
 goalkeeper.x = goalX - 50; // Position in front of goal
 goalkeeper.y = goalY + goalHeight / 2;
@@ -403,8 +488,9 @@
 bottomPost.alpha = 0.3;
 goalLine.alpha = 0.3;
 ball.alpha = 0.3;
 goalkeeper.alpha = 0.3;
+player.alpha = 0.3;
 for (var s = 0; s < spectators.length; s++) {
 	spectators[s].alpha = 0.3;
 }
 // Create aim line (initially hidden)
@@ -452,8 +538,9 @@
 			bottomPost.alpha = 1;
 			goalLine.alpha = 1;
 			ball.alpha = 1;
 			goalkeeper.alpha = 1;
+			player.alpha = 1;
 			for (var t = 0; t < spectators.length; t++) {
 				spectators[t].alpha = 1;
 			}
 			// Update instruction text
@@ -507,8 +594,9 @@
 		var dy = y - ball.y;
 		var distance = Math.sqrt(dx * dx + dy * dy);
 		var power = Math.min(distance / 10, 25);
 		ball.shoot(x, y, power);
+		player.performKick();
 	}
 };
 // Reset function
 function resetGame() {