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

/**** 
* Classes
****/ 
// Ball class
var Ball = Container.expand(function () {
	var self = Container.call(this);
	var ballAsset = self.attachAsset('ball', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.radius = ballAsset.width / 2;
	// Ball velocity
	self.vx = 0;
	self.vy = 0;
	self.speed = 18; // Initial speed
	self.setRandomDirection = function () {
		// Angle between 45 and 135 degrees, randomize left/right
		var angle = (Math.random() * 0.5 + 0.25) * Math.PI; // 45-135 deg
		if (Math.random() < 0.5) angle = Math.PI - angle; // flip left/right
		self.vx = Math.cos(angle) * self.speed;
		self.vy = Math.sin(angle) * self.speed;
	};
	self.setRandomDirection();
	return self;
});
// Enemy Paddle class (AI)
var EnemyPaddle = Container.expand(function () {
	var self = Container.call(this);
	var paddleAsset = self.attachAsset('paddle', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.width = paddleAsset.width;
	self.height = paddleAsset.height;
	self.speed = 32; // AI paddle speed (pixels per frame)
	self.update = function () {
		// Track the ball's x position, but clamp movement speed
		var dx = ball.x - self.x;
		if (Math.abs(dx) > self.speed) {
			self.x += self.speed * (dx > 0 ? 1 : -1);
		} else {
			self.x = ball.x;
		}
		// Clamp within game area
		var halfW = self.width / 2;
		if (self.x < halfW) self.x = halfW;
		if (self.x > GAME_WIDTH - halfW) self.x = GAME_WIDTH - halfW;
	};
	return self;
});
// Hit effect class
var HitEffect = Container.expand(function () {
	var self = Container.call(this);
	var effectAsset = self.attachAsset('hitEffect', {
		anchorX: 0.5,
		anchorY: 0.5,
		alpha: 0.8
	});
	// Play animation
	self.play = function (x, y, color) {
		self.x = x;
		self.y = y;
		self.alpha = 1;
		self.scale.x = 0.2;
		self.scale.y = 0.2;
		// Set color if provided
		if (color) {
			effectAsset.tint = color;
		} else {
			effectAsset.tint = 0xffffff;
		}
		// Scale up and fade out
		tween(self, {
			alpha: 0,
			scaleX: 1.5,
			scaleY: 1.5
		}, {
			duration: 400,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				self.parent.removeChild(self);
				hitEffects.splice(hitEffects.indexOf(self), 1);
			}
		});
	};
	return self;
});
// No plugins needed for MVP
// Paddle class
var Paddle = Container.expand(function () {
	var self = Container.call(this);
	var paddleAsset = self.attachAsset('paddle', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.width = paddleAsset.width;
	self.height = paddleAsset.height;
	return self;
});

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

/**** 
* Game Code
****/ 
// Import tween plugin
// Ball: circle
// Paddle: wide, short rectangle
// Game area
// Sound effects
// Music
var GAME_WIDTH = 2048;
var GAME_HEIGHT = 2732;
var hitEffects = [];
// Function to create hit effect
function createHitEffect(x, y, color) {
	var effect = new HitEffect();
	game.addChild(effect);
	hitEffects.push(effect);
	effect.play(x, y, color);
}
// Play background music (looping)
LK.playMusic('bgmusic');
// Paddle setup
var paddle = new Paddle();
game.addChild(paddle);
paddle.x = GAME_WIDTH / 2;
paddle.y = GAME_HEIGHT - 180; // 180px from bottom
// Enemy paddle setup (AI)
var enemyPaddle = new EnemyPaddle();
game.addChild(enemyPaddle);
enemyPaddle.x = GAME_WIDTH / 2;
enemyPaddle.y = 180; // 180px from top
// Ball setup
var ball = new Ball();
game.addChild(ball);
ball.x = GAME_WIDTH / 2;
ball.y = GAME_HEIGHT / 2;
// Score
var score = 0;
var scoreTxt = new Text2('0', {
	size: 120,
	fill: 0xFFFFFF
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
// Dragging
var dragging = false;
var dragOffsetX = 0;
// Touch/mouse controls
game.down = function (x, y, obj) {
	// Only start drag if touch is on/near paddle
	var dx = x - paddle.x;
	var dy = y - paddle.y;
	if (Math.abs(dx) < paddle.width / 2 + 60 && Math.abs(dy) < paddle.height / 2 + 80) {
		dragging = true;
		dragOffsetX = paddle.x - x;
	}
};
game.move = function (x, y, obj) {
	if (dragging) {
		var newX = x + dragOffsetX;
		// Clamp paddle within game area
		var halfW = paddle.width / 2;
		if (newX < halfW) newX = halfW;
		if (newX > GAME_WIDTH - halfW) newX = GAME_WIDTH - halfW;
		paddle.x = newX;
	}
};
game.up = function (x, y, obj) {
	dragging = false;
};
// Ball-paddle collision helper
function ballHitsPaddle() {
	var paddleTop = paddle.y - paddle.height / 2;
	var paddleLeft = paddle.x - paddle.width / 2;
	var paddleRight = paddle.x + paddle.width / 2;
	var ballBottom = ball.y + ball.radius;
	// Check if ball is at/just above paddle
	if (ballBottom >= paddleTop && ball.y < paddle.y) {
		// Check if horizontally within paddle
		if (ball.x >= paddleLeft - ball.radius && ball.x <= paddleRight + ball.radius) {
			return true;
		}
	}
	return false;
}
// Ball-wall collision helper
function ballHitsWall() {
	if (ball.x - ball.radius <= 0) return 'left';
	if (ball.x + ball.radius >= GAME_WIDTH) return 'right';
	if (ball.y - ball.radius <= 0) return 'top';
	if (ball.y + ball.radius >= GAME_HEIGHT) return 'bottom';
	return null;
}
// Game update
game.update = function () {
	// Move ball
	ball.x += ball.vx;
	ball.y += ball.vy;
	// Update enemy paddle AI
	enemyPaddle.update();
	// Wall collisions
	var wall = ballHitsWall();
	if (wall === 'left' || wall === 'right') {
		ball.vx *= -1;
		// Play wall bounce sound
		LK.getSound('wall').play();
		// Create hit effect at collision point
		createHitEffect(ball.x, ball.y, 0x33ccff);
		// Clamp inside
		if (wall === 'left') ball.x = ball.radius;else ball.x = GAME_WIDTH - ball.radius;
	}
	// Enemy paddle collision
	var enemyPaddleBottom = enemyPaddle.y + enemyPaddle.height / 2;
	var enemyPaddleTop = enemyPaddle.y - enemyPaddle.height / 2;
	var enemyPaddleLeft = enemyPaddle.x - enemyPaddle.width / 2;
	var enemyPaddleRight = enemyPaddle.x + enemyPaddle.width / 2;
	var ballTop = ball.y - ball.radius;
	if (ball.vy < 0 && ballTop <= enemyPaddleBottom && ball.y > enemyPaddle.y) {
		// Check if horizontally within enemy paddle
		if (ball.x >= enemyPaddleLeft - ball.radius && ball.x <= enemyPaddleRight + ball.radius) {
			// Bounce down
			ball.y = enemyPaddle.y + enemyPaddle.height / 2 + ball.radius;
			ball.vy *= -1;
			// Play hit sound
			LK.getSound('hit').play();
			// Add some "english" based on where it hit the enemy paddle
			var hitPos = (ball.x - enemyPaddle.x) / (enemyPaddle.width / 2); // -1 (left) to 1 (right)
			ball.vx += hitPos * 6;
			// Clamp vx to avoid too much horizontal speed
			var maxVX = ball.speed * 0.85;
			if (ball.vx > maxVX) ball.vx = maxVX;
			if (ball.vx < -maxVX) ball.vx = -maxVX;
			// Increase speed
			ball.speed += 1.2;
			var angle = Math.atan2(ball.vy, ball.vx);
			ball.vx = Math.cos(angle) * ball.speed;
			ball.vy = Math.sin(angle) * ball.speed;
			// Flash enemy paddle for feedback
			LK.effects.flashObject(enemyPaddle, 0xff00ff, 180);
			// Create hit effect at collision point
			createHitEffect(ball.x, ball.y, 0xff00ff);
		}
	}
	if (wall === 'top') {
		ball.vy *= -1;
		ball.y = ball.radius;
		// Play wall bounce sound
		LK.getSound('wall').play();
		// Create hit effect at top wall collision
		createHitEffect(ball.x, ball.y, 0x33ccff);
	}
	if (wall === 'bottom') {
		// Missed paddle: Game Over
		LK.getSound('miss').play();
		LK.effects.flashScreen(0xff0000, 800);
		LK.showGameOver();
		return;
	}
	// Paddle collision
	if (ball.vy > 0 && ballHitsPaddle()) {
		// Bounce up
		ball.y = paddle.y - paddle.height / 2 - ball.radius;
		ball.vy *= -1;
		// Play hit sound
		LK.getSound('hit').play();
		// Add some "english" based on where it hit the paddle
		var hitPos = (ball.x - paddle.x) / (paddle.width / 2); // -1 (left) to 1 (right)
		ball.vx += hitPos * 6;
		// Clamp vx to avoid too much horizontal speed
		var maxVX = ball.speed * 0.85;
		if (ball.vx > maxVX) ball.vx = maxVX;
		if (ball.vx < -maxVX) ball.vx = -maxVX;
		// Increase speed
		ball.speed += 1.2;
		var angle = Math.atan2(ball.vy, ball.vx);
		ball.vx = Math.cos(angle) * ball.speed;
		ball.vy = Math.sin(angle) * ball.speed;
		// Score
		score += 1;
		scoreTxt.setText(score);
		// Flash paddle for feedback
		LK.effects.flashObject(paddle, 0x00ff00, 180);
		// Create hit effect at collision point
		createHitEffect(ball.x, ball.y, 0x00ff00);
	}
};
// Center score text
scoreTxt.setText(score);
scoreTxt.anchor.set(0.5, 0);
// Reset game state on restart
game.on('reset', function () {
	score = 0;
	scoreTxt.setText(score);
	// Reset paddle
	paddle.x = GAME_WIDTH / 2;
	paddle.y = GAME_HEIGHT - 180;
	// Reset ball
	ball.x = GAME_WIDTH / 2;
	ball.y = GAME_HEIGHT / 2;
	ball.speed = 18;
	ball.setRandomDirection();
	dragging = false;
});

===================================================================
--- original.js
+++ change.js
@@ -1,5 +1,10 @@
 /**** 
+* Plugins
+****/ 
+var tween = LK.import("@upit/tween.v1");
+
+/**** 
 * Classes
 ****/ 
 // Ball class
 var Ball = Container.expand(function () {
@@ -47,8 +52,45 @@
 		if (self.x > GAME_WIDTH - halfW) self.x = GAME_WIDTH - halfW;
 	};
 	return self;
 });
+// Hit effect class
+var HitEffect = Container.expand(function () {
+	var self = Container.call(this);
+	var effectAsset = self.attachAsset('hitEffect', {
+		anchorX: 0.5,
+		anchorY: 0.5,
+		alpha: 0.8
+	});
+	// Play animation
+	self.play = function (x, y, color) {
+		self.x = x;
+		self.y = y;
+		self.alpha = 1;
+		self.scale.x = 0.2;
+		self.scale.y = 0.2;
+		// Set color if provided
+		if (color) {
+			effectAsset.tint = color;
+		} else {
+			effectAsset.tint = 0xffffff;
+		}
+		// Scale up and fade out
+		tween(self, {
+			alpha: 0,
+			scaleX: 1.5,
+			scaleY: 1.5
+		}, {
+			duration: 400,
+			easing: tween.easeOut,
+			onFinish: function onFinish() {
+				self.parent.removeChild(self);
+				hitEffects.splice(hitEffects.indexOf(self), 1);
+			}
+		});
+	};
+	return self;
+});
 // No plugins needed for MVP
 // Paddle class
 var Paddle = Container.expand(function () {
 	var self = Container.call(this);
@@ -70,15 +112,24 @@
 
 /**** 
 * Game Code
 ****/ 
-// Music
-// Sound effects
-// Game area
-// Paddle: wide, short rectangle
+// Import tween plugin
 // Ball: circle
+// Paddle: wide, short rectangle
+// Game area
+// Sound effects
+// Music
 var GAME_WIDTH = 2048;
 var GAME_HEIGHT = 2732;
+var hitEffects = [];
+// Function to create hit effect
+function createHitEffect(x, y, color) {
+	var effect = new HitEffect();
+	game.addChild(effect);
+	hitEffects.push(effect);
+	effect.play(x, y, color);
+}
 // Play background music (looping)
 LK.playMusic('bgmusic');
 // Paddle setup
 var paddle = new Paddle();
@@ -164,10 +215,10 @@
 	if (wall === 'left' || wall === 'right') {
 		ball.vx *= -1;
 		// Play wall bounce sound
 		LK.getSound('wall').play();
-		// Electric effect on wall hit at ball position
-		createElectricEffect(ball.x, ball.y, 0x00ffff, 120, 120);
+		// Create hit effect at collision point
+		createHitEffect(ball.x, ball.y, 0x33ccff);
 		// Clamp inside
 		if (wall === 'left') ball.x = ball.radius;else ball.x = GAME_WIDTH - ball.radius;
 	}
 	// Enemy paddle collision
@@ -197,17 +248,19 @@
 			ball.vx = Math.cos(angle) * ball.speed;
 			ball.vy = Math.sin(angle) * ball.speed;
 			// Flash enemy paddle for feedback
 			LK.effects.flashObject(enemyPaddle, 0xff00ff, 180);
-			// Electric effect on enemy paddle hit at ball position
-			createElectricEffect(ball.x, ball.y, 0x00ffff, 120, 120);
+			// Create hit effect at collision point
+			createHitEffect(ball.x, ball.y, 0xff00ff);
 		}
 	}
 	if (wall === 'top') {
 		ball.vy *= -1;
 		ball.y = ball.radius;
 		// Play wall bounce sound
 		LK.getSound('wall').play();
+		// Create hit effect at top wall collision
+		createHitEffect(ball.x, ball.y, 0x33ccff);
 	}
 	if (wall === 'bottom') {
 		// Missed paddle: Game Over
 		LK.getSound('miss').play();
@@ -238,10 +291,10 @@
 		score += 1;
 		scoreTxt.setText(score);
 		// Flash paddle for feedback
 		LK.effects.flashObject(paddle, 0x00ff00, 180);
-		// Electric effect on player paddle hit at ball position
-		createElectricEffect(ball.x, ball.y, 0x00ffff, 120, 120);
+		// Create hit effect at collision point
+		createHitEffect(ball.x, ball.y, 0x00ff00);
 	}
 };
 // Center score text
 scoreTxt.setText(score);
@@ -258,74 +311,5 @@
 	ball.y = GAME_HEIGHT / 2;
 	ball.speed = 18;
 	ball.setRandomDirection();
 	dragging = false;
-});
-// Helper: create a localized electric effect at (x, y)
-function createElectricEffect(x, y, color, duration, size) {
-	// Create container for the electric effect
-	var effect = new Container();
-	game.addChild(effect);
-	effect.x = x;
-	effect.y = y;
-	// Create central glow
-	var glow = effect.attachAsset('paddle', {
-		anchorX: 0.5,
-		anchorY: 0.5,
-		width: size * 0.8,
-		height: size * 0.8,
-		color: color
-	});
-	glow.alpha = 0.7;
-	// Create particles
-	var particleCount = 12;
-	var particles = [];
-	// Create particles in a circular pattern
-	for (var i = 0; i < particleCount; i++) {
-		var particle = new Container();
-		var angle = Math.PI * 2 / particleCount * i;
-		// Random distance from center
-		var distance = size * 0.3 + Math.random() * size * 0.3;
-		// Create sparkle
-		var sparkle = particle.attachAsset('sparkle', {
-			anchorX: 0.5,
-			anchorY: 0.5,
-			scaleX: 0.7 + Math.random() * 0.6,
-			scaleY: 0.7 + Math.random() * 0.6
-		});
-		// Set initial position
-		particle.x = Math.cos(angle) * distance * 0.3;
-		particle.y = Math.sin(angle) * distance * 0.3;
-		// Store movement data
-		particle.angle = angle;
-		particle.speed = 2 + Math.random() * 3;
-		particle.distance = distance;
-		particle.life = 0;
-		particle.maxLife = duration * (0.7 + Math.random() * 0.3);
-		effect.addChild(particle);
-		particles.push(particle);
-	}
-	// Create update function for animation
-	var effectTimer = LK.setInterval(function () {
-		// Update central glow
-		glow.alpha *= 0.92;
-		// Update particles
-		for (var i = 0; i < particles.length; i++) {
-			var p = particles[i];
-			p.life += 16; // ~16ms per frame
-			// Move outward
-			var progress = p.life / p.maxLife;
-			var currentDistance = p.distance * Math.min(1, progress * 1.5);
-			p.x = Math.cos(p.angle) * currentDistance;
-			p.y = Math.sin(p.angle) * currentDistance;
-			// Fade out
-			p.alpha = 1 - progress * progress;
-			// Optional: slight scale change
-			p.scale = 1 - progress * 0.5;
-		}
-		// End animation when done
-		if (glow.alpha < 0.05) {
-			LK.clearInterval(effectTimer);
-			effect.destroy();
-		}
-	}, 16);
-}
\ No newline at end of file
+});
\ No newline at end of file