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

/**** 
* Classes
****/ 
var AimArrow = Container.expand(function () {
	var self = Container.call(this);
	var arrowGraphics = self.attachAsset('arrow', {
		anchorX: 0.5,
		anchorY: 1
	});
	self.visible = false;
	self.updateArrow = function (startX, startY, endX, endY) {
		var deltaX = endX - startX;
		var deltaY = endY - startY;
		var distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
		var angle = Math.atan2(deltaY, deltaX) + Math.PI / 2;
		self.x = startX;
		self.y = startY;
		self.rotation = angle;
		self.scaleY = Math.min(distance / 40, 5);
		self.visible = true;
	};
	return self;
});
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.isMoving = false;
	self.windResistance = 0.98;
	self.update = function () {
		if (self.isMoving) {
			// Apply wind effect with moderate influence
			self.velocityX += windX * 0.1;
			self.velocityY += windY * 0.1;
			// Apply movement
			self.x += self.velocityX;
			self.y += self.velocityY;
			// Apply less friction for smoother movement
			self.velocityX *= 0.995;
			self.velocityY *= 0.995;
			// Stop if velocity is very low
			if (Math.abs(self.velocityX) < 0.3 && Math.abs(self.velocityY) < 0.3) {
				self.isMoving = false;
				self.velocityX = 0;
				self.velocityY = 0;
				checkRoundEnd();
			}
			// Check boundaries and bounce off walls - trapezoidal field
			// Calculate field width at current Y position for trapezoid shape
			var fieldTop = 400;
			var fieldBottom = 2732; // Full screen height at bottom
			var fieldTopWidth = 1200; // Narrower at top
			var fieldBottomWidth = 2048; // Full width at bottom
			var fieldProgress = (self.y - fieldTop) / (fieldBottom - fieldTop);
			fieldProgress = Math.max(0, Math.min(1, fieldProgress));
			var currentFieldWidth = fieldTopWidth + (fieldBottomWidth - fieldTopWidth) * fieldProgress;
			var leftBoundary = (2048 - currentFieldWidth) / 2;
			var rightBoundary = leftBoundary + currentFieldWidth;
			// Left wall bounce
			if (self.x < leftBoundary) {
				self.x = leftBoundary;
				self.velocityX = -self.velocityX * 0.8; // Bounce with some energy loss
			}
			// Right wall bounce
			if (self.x > rightBoundary) {
				self.x = rightBoundary;
				self.velocityX = -self.velocityX * 0.8; // Bounce with some energy loss
			}
			// Top wall - game over
			if (self.y < fieldTop) {
				self.isMoving = false;
				checkRoundEnd();
			}
			// Bottom wall bounce
			if (self.y > fieldBottom) {
				self.y = fieldBottom;
				self.velocityY = -self.velocityY * 0.8; // Bounce with some energy loss
			}
		}
	};
	self.shoot = function (targetX, targetY, power) {
		var deltaX = targetX - self.x;
		var deltaY = targetY - self.y;
		var distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
		if (distance > 0) {
			self.velocityX = deltaX / distance * power * 1.5;
			self.velocityY = deltaY / distance * power * 1.5;
			self.isMoving = true;
			LK.getSound('kick').play();
		}
	};
	return self;
});
var Defender = Container.expand(function () {
	var self = Container.call(this);
	var defenderGraphics = self.attachAsset('defender', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	return self;
});

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

/**** 
* Game Code
****/ 
// Game variables
var ball;
var defenders = [];
var goal;
var aimArrow;
var isDragging = false;
var dragStartX = 0;
var dragStartY = 0;
var windX = 0;
var windY = 0;
var windIndicator;
var roundNumber = 1;
var gameState = 'aiming'; // 'aiming', 'shooting', 'roundEnd'
// Create field - full width at bottom, narrowing toward top
var field = game.addChild(LK.getAsset('field', {
	anchorX: 0,
	anchorY: 0,
	x: 0,
	y: 400,
	width: 2048,
	height: 2332
}));
// Create field boundary lines for trapezoidal shape
var fieldLines = [];
// Left boundary line - angled using rotation
var leftLine = game.addChild(LK.getAsset('fieldLine', {
	anchorX: 0.5,
	anchorY: 0,
	x: 424,
	// Left edge at top
	y: 400,
	width: 4,
	height: 2332
}));
leftLine.rotation = -0.19; // Angle for trapezoid shape
fieldLines.push(leftLine);
// Right boundary line - angled using rotation
var rightLine = game.addChild(LK.getAsset('fieldLine', {
	anchorX: 0.5,
	anchorY: 0,
	x: 1624,
	// Right edge at top
	y: 400,
	width: 4,
	height: 2332
}));
rightLine.rotation = 0.19; // Angle for trapezoid shape
fieldLines.push(rightLine);
// Top boundary line
var topLine = game.addChild(LK.getAsset('fieldLine', {
	anchorX: 0,
	anchorY: 0.5,
	x: 424,
	y: 400,
	width: 1200,
	height: 4
}));
fieldLines.push(topLine);
// Bottom boundary line
var bottomLine = game.addChild(LK.getAsset('fieldLine', {
	anchorX: 0,
	anchorY: 0.5,
	x: 0,
	y: 2732,
	width: 2048,
	height: 4
}));
fieldLines.push(bottomLine);
// Create goal at top center - half extending above field
goal = game.addChild(LK.getAsset('goal', {
	anchorX: 0.5,
	anchorY: 0,
	x: 1024,
	y: 300
}));
// Create UI elements
var scoreTxt = new Text2('Round: 1', {
	size: 80,
	fill: 0xFFFFFF
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
var windTxt = new Text2('Wind: →', {
	size: 60,
	fill: 0x00FFFF
});
windTxt.anchor.set(0, 0);
windTxt.x = 100;
windTxt.y = 100;
LK.gui.topLeft.addChild(windTxt);
// Create aim arrow
aimArrow = game.addChild(new AimArrow());
function spawnBall() {
	if (ball) {
		ball.destroy();
	}
	ball = game.addChild(new Ball());
	// Spawn ball in bottom half of trapezoidal field
	ball.x = 400 + Math.random() * 1248;
	ball.y = 2000 + Math.random() * 732;
}
function spawnDefenders() {
	// Clear existing defenders
	for (var i = 0; i < defenders.length; i++) {
		defenders[i].destroy();
	}
	defenders = [];
	// Spawn defenders based on round number
	var defenderCount = Math.min(2 + Math.floor(roundNumber / 2), 6);
	for (var i = 0; i < defenderCount; i++) {
		var defender = game.addChild(new Defender());
		// Spawn defenders within trapezoidal field bounds
		var spawnY = 500 + Math.random() * 1900;
		var fieldProgress = (spawnY - 400) / 2332;
		var fieldWidthAtY = 1200 + 848 * fieldProgress;
		var leftBound = (2048 - fieldWidthAtY) / 2;
		defender.x = leftBound + Math.random() * fieldWidthAtY;
		defender.y = spawnY;
		defenders.push(defender);
	}
}
function generateWind() {
	var windStrength = 0.4 + roundNumber * 0.05;
	var windAngle = Math.random() * Math.PI * 2;
	windX = Math.cos(windAngle) * windStrength;
	windY = Math.sin(windAngle) * windStrength;
	// Update wind indicator
	var windDirection = '';
	if (Math.abs(windX) > Math.abs(windY)) {
		windDirection = windX > 0 ? '→' : '←';
	} else {
		windDirection = windY > 0 ? '↓' : '↑';
	}
	windTxt.setText('Wind: ' + windDirection);
}
function checkCollisions() {
	if (!ball || !ball.isMoving) return;
	// Check defender collisions
	for (var i = 0; i < defenders.length; i++) {
		if (ball.intersects(defenders[i])) {
			ball.isMoving = false;
			LK.getSound('blocked').play();
			LK.effects.flashScreen(0xff0000, 500);
			LK.showGameOver();
			return;
		}
	}
	// Check goal collision
	if (ball.intersects(goal) && ball.y < goal.y + 200) {
		ball.isMoving = false;
		LK.getSound('goal').play();
		LK.effects.flashScreen(0x00ff00, 500);
		// Check win condition
		if (roundNumber >= 10) {
			LK.showYouWin();
		} else {
			// Next round
			roundNumber++;
			scoreTxt.setText('Round: ' + roundNumber);
			startNewRound();
		}
	}
}
function checkRoundEnd() {
	if (gameState === 'shooting' && ball && !ball.isMoving) {
		// Ball stopped without scoring
		LK.setTimeout(function () {
			LK.showGameOver();
		}, 1000);
	}
}
function startNewRound() {
	gameState = 'aiming';
	spawnBall();
	spawnDefenders();
	generateWind();
	aimArrow.visible = false;
}
// Event handlers
game.down = function (x, y, obj) {
	if (gameState === 'aiming' && ball) {
		var ballPos = game.toLocal(ball.parent.toGlobal(ball.position));
		var distance = Math.sqrt((x - ballPos.x) * (x - ballPos.x) + (y - ballPos.y) * (y - ballPos.y));
		if (distance < 60) {
			isDragging = true;
			dragStartX = x;
			dragStartY = y;
		}
	}
};
game.move = function (x, y, obj) {
	if (isDragging && ball && gameState === 'aiming') {
		aimArrow.updateArrow(ball.x, ball.y, x, y);
	}
};
game.up = function (x, y, obj) {
	if (isDragging && ball && gameState === 'aiming') {
		var distance = Math.sqrt((x - ball.x) * (x - ball.x) + (y - ball.y) * (y - ball.y));
		var power = Math.min(distance / 3, 20);
		ball.shoot(x, y, power);
		gameState = 'shooting';
		aimArrow.visible = false;
		isDragging = false;
	}
};
game.update = function () {
	checkCollisions();
};
// Initialize first round
startNewRound();

===================================================================
--- original.js
+++ change.js
@@ -142,9 +142,9 @@
 	height: 2332
 }));
 // Create field boundary lines for trapezoidal shape
 var fieldLines = [];
-// Left boundary line
+// Left boundary line - angled using rotation
 var leftLine = game.addChild(LK.getAsset('fieldLine', {
 	anchorX: 0.5,
 	anchorY: 0,
 	x: 424,
@@ -152,11 +152,11 @@
 	y: 400,
 	width: 4,
 	height: 2332
 }));
-leftLine.skew.x = -0.19; // Angle for trapezoid shape
+leftLine.rotation = -0.19; // Angle for trapezoid shape
 fieldLines.push(leftLine);
-// Right boundary line  
+// Right boundary line - angled using rotation
 var rightLine = game.addChild(LK.getAsset('fieldLine', {
 	anchorX: 0.5,
 	anchorY: 0,
 	x: 1624,
@@ -164,9 +164,9 @@
 	y: 400,
 	width: 4,
 	height: 2332
 }));
-rightLine.skew.x = 0.19; // Angle for trapezoid shape
+rightLine.rotation = 0.19; // Angle for trapezoid shape
 fieldLines.push(rightLine);
 // Top boundary line
 var topLine = game.addChild(LK.getAsset('fieldLine', {
 	anchorX: 0,