/**** 
* Classes
****/
// RightPaddle class
var RightPaddle = Container.expand(function () {
	var self = Container.call(this);
	var paddleGraphics = self.attachAsset('rightPaddle', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = 10;
	self.moveUp = function () {
		self.y -= self.speed;
	};
	self.moveDown = function () {
		self.y += self.speed;
	};
});
// LeftPaddle class
var LeftPaddle = Container.expand(function () {
	var self = Container.call(this);
	var paddleGraphics = self.attachAsset('leftPaddle', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = 10;
	self.moveUp = function () {
		self.y -= self.speed;
	};
	self.moveDown = function () {
		self.y += self.speed;
	};
});
// Ball class
var Ball = Container.expand(function () {
	var self = Container.call(this);
	var ballAsset = Math.random() < 0.5 ? 'ball' : 'ball2';
	var ballGraphics = self.attachAsset(ballAsset, {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.velocity = {
		x: 5,
		y: 5
	};
	self.move = function () {
		self.x += self.velocity.x;
		self.y += self.velocity.y;
	};
	self.reset = function () {
		self.x = 2048 / 2;
		self.y = 2732 / 2;
		var randomDirection = Math.random() < 0.5 ? -1 : 1;
		self.velocity = {
			x: 8 * randomDirection,
			y: Math.random() * 12 - 6
		};
		// Replace the ball with ball2 if it moves to the right
		if (self.velocity.x < 0) {
			self.removeChild(ballGraphics);
			ballGraphics = self.attachAsset('ball', {
				anchorX: 0.5,
				anchorY: 0.5
			});
		}
	};
});
// Background class
var Background = Container.expand(function () {
	var self = Container.call(this);
	var backgroundGraphics = self.attachAsset('background', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Set background to cover the entire game area
	backgroundGraphics.width = 2048;
	backgroundGraphics.height = 2732;
	// Position the background in the center
	self.x = 2048 / 2;
	self.y = 2732 / 2;
});

/**** 
* Initialize Game
****/
// Initialize paddles and ball
// Define the paddle asset
// Define the ball asset
var game = new LK.Game({
	backgroundColor: 0x92c7f3 // Init game with blue background
});

/**** 
* Game Code
****/
// Instantiate and add background to the game
var background = game.addChild(new Background());
// Define the ball asset
// Define the paddle asset
// Initialize paddles
var leftPaddle = game.addChild(new LeftPaddle());
var rightPaddle = game.addChild(new RightPaddle());
var ball = game.addChild(new Ball());
// Set initial positions
leftPaddle.x = 50;
leftPaddle.y = 2732 / 2;
rightPaddle.x = 2048 - 50;
rightPaddle.y = 2732 / 2;
ball.reset();
// Game tick event
LK.on('tick', function () {
	// Move the ball
	ball.move();
	// Ball collision with top and bottom
	if (ball.y <= 0 || ball.y >= 2732) {
		ball.velocity.y *= -1;
	}
	// Ball collision with paddles
	if (ball.intersects(leftPaddle) && ball.velocity.x < 0 || ball.intersects(rightPaddle) && ball.velocity.x > 0) {
		ball.velocity.x *= -1;
	}
	// Ball out of bounds
	if (ball.x <= 0 || ball.x >= 2048) {
		ball.reset();
	}
	// Paddle movement logic
	// This should be replaced with touch/mouse event logic for mobile compatibility
	// For now, paddles will move automatically for demonstration purposes
	// Keep paddles within game bounds
});
// Touch event listeners for paddles
game.on('down', function (obj) {
	var event = obj.event;
	var pos = event.getLocalPosition(game);
	// Determine which paddle to control based on touch position
	if (pos.x < 2048 / 2) {
		leftPaddle.y = pos.y;
	} else {
		rightPaddle.y = pos.y;
	}
});
game.on('move', function (obj) {
	var event = obj.event;
	var pos = event.getLocalPosition(game);
	// Update paddle position based on touch movement
	if (pos.x < 2048 / 2) {
		leftPaddle.y = pos.y;
	} else {
		rightPaddle.y = pos.y;
	}
});