Play
:quality(85)/https:%2F%2Fcdn.frvr.ai/685e8d245e0b136f4792407f.png)
:quality(85)/https:%2F%2Fcdn.frvr.ai/685e8cf45e0b136f4792407a.png)
#pong
#classic
#arcade
#retro
#sports
Creation History
User prompt
top ilk başlarken yavaş başlasın sonra her çizgiye değdiğinde 0.5 hızlansın
User prompt
Please fix the bug: 'Cannot read properties of undefined (reading 'setText')' in or related to this line: 'countdownText.setText(countdownNumber.toString());' Line Number: 198
User prompt
top her girdiğinde ortada başlasın 3 saniye beklesin ekranda sırasıyla 3 2 1 yazsın ve oyun başlasın ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
çizgeler birazdaha uzasın topa denk getiremiyorum
User prompt
karşı taraftaki oyuncu profosyönelce oynasın ve çiziler 0.5 daha uzasın
User prompt
top her oyuncuya değdiğinde 0.5 daha hızlansın
User prompt
topu 3 kat daha hızlı yap ve ai birrazdaha iyi oynasın
Code edit (1 edits merged)
Please save this source code
User prompt
Classic Pong
Initial prompt
pong oyunu yap
/****
* 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 = 18;
self.velocityY = 12;
self.baseSpeed = 18;
self.reset = function () {
self.x = 2048 / 2;
self.y = 2732 / 2;
self.velocityX = 0;
self.velocityY = 0;
startCountdown();
};
self.update = function () {
if (gameState === 'playing') {
self.x += self.velocityX;
self.y += self.velocityY;
// Bounce off top and bottom walls
if (self.y <= 10 || self.y >= 2732 - 10) {
self.velocityY = -self.velocityY;
LK.getSound('wallHit').play();
}
}
};
return self;
});
var Paddle = Container.expand(function () {
var self = Container.call(this);
var paddleGraphics = self.attachAsset('paddle', {
anchorX: 0.5,
anchorY: 0.5
});
self.speed = 20;
self.targetY = self.y;
self.moveToTarget = function () {
var diff = self.targetY - self.y;
if (Math.abs(diff) > 2) {
self.y += diff * 0.25;
}
};
self.update = function () {
self.moveToTarget();
// Keep paddle within screen bounds
if (self.y < 60) self.y = 60;
if (self.y > 2732 - 60) self.y = 2732 - 60;
};
return self;
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x000000
});
/****
* Game Code
****/
var leftPaddle = game.addChild(new Paddle());
var rightPaddle = game.addChild(new Paddle());
var ball = game.addChild(new Ball());
// Position paddles
leftPaddle.x = 50;
leftPaddle.y = 2732 / 2;
rightPaddle.x = 2048 - 50;
rightPaddle.y = 2732 / 2;
// Initialize ball
ball.reset();
// Score tracking
var leftScore = 0;
var rightScore = 0;
var winningScore = 11;
// Game state
var gameState = 'playing'; // 'countdown' or 'playing'
var countdownNumber = 3;
// Score display
var leftScoreText = new Text2('0', {
size: 120,
fill: 0xFFFFFF
});
leftScoreText.anchor.set(0.5, 0);
leftScoreText.x = 2048 / 4;
leftScoreText.y = 100;
LK.gui.addChild(leftScoreText);
var rightScoreText = new Text2('0', {
size: 120,
fill: 0xFFFFFF
});
rightScoreText.anchor.set(0.5, 0);
rightScoreText.x = 2048 / 4 * 3;
rightScoreText.y = 100;
LK.gui.addChild(rightScoreText);
// Countdown text
var countdownText = new Text2('', {
size: 300,
fill: 0xFFFFFF
});
countdownText.anchor.set(0.5, 0.5);
countdownText.x = 2048 / 2;
countdownText.y = 2732 / 2;
countdownText.visible = false;
LK.gui.addChild(countdownText);
// Center line (dashed effect with multiple small rectangles)
var centerLineSegments = [];
for (var i = 0; i < 20; i++) {
var segment = LK.getAsset('paddle', {
width: 4,
height: 75,
anchorX: 0.5,
anchorY: 0.5
});
segment.x = 2048 / 2;
segment.y = 100 + i * 70;
game.addChild(segment);
centerLineSegments.push(segment);
}
// Touch controls
var isDragging = false;
var dragStartY = 0;
var paddleStartY = 0;
game.down = function (x, y, obj) {
if (x < 2048 / 2) {
isDragging = true;
dragStartY = y;
paddleStartY = leftPaddle.y;
}
};
game.move = function (x, y, obj) {
if (isDragging && x < 2048 / 2) {
var deltaY = y - dragStartY;
leftPaddle.targetY = paddleStartY + deltaY;
}
};
game.up = function (x, y, obj) {
isDragging = false;
};
// Improved AI for right paddle
function updateAI() {
var targetY = ball.y;
var paddleCenter = rightPaddle.y;
// Predict ball position when it reaches paddle
if (ball.velocityX > 0) {
var timeToReachPaddle = (rightPaddle.x - ball.x) / ball.velocityX;
targetY = ball.y + ball.velocityY * timeToReachPaddle;
// Account for wall bounces in prediction
if (targetY < 60) {
targetY = 120 - targetY;
} else if (targetY > 2732 - 60) {
targetY = 2 * (2732 - 60) - targetY;
}
}
// Professional AI with perfect tracking and faster response
if (Math.abs(targetY - paddleCenter) > 5) {
var moveDistance = rightPaddle.speed * 1.5;
if (targetY > paddleCenter) {
rightPaddle.targetY = paddleCenter + moveDistance;
} else {
rightPaddle.targetY = paddleCenter - moveDistance;
}
} else {
// Fine adjustment for precise positioning
rightPaddle.targetY = targetY;
}
}
// Countdown function
function startCountdown() {
gameState = 'countdown';
countdownNumber = 3;
ball.velocityX = 0;
ball.velocityY = 0;
function showCountdownNumber() {
if (countdownNumber > 0) {
countdownText.setText(countdownNumber.toString());
countdownText.visible = true;
countdownText.alpha = 0;
countdownText.scaleX = 2;
countdownText.scaleY = 2;
tween(countdownText, {
alpha: 1,
scaleX: 1,
scaleY: 1
}, {
duration: 500,
easing: tween.easeOut,
onFinish: function onFinish() {
tween(countdownText, {
alpha: 0
}, {
duration: 500,
easing: tween.easeIn,
onFinish: function onFinish() {
countdownNumber--;
if (countdownNumber > 0) {
showCountdownNumber();
} else {
countdownText.visible = false;
gameState = 'playing';
ball.velocityX = (Math.random() > 0.5 ? 1 : -1) * ball.baseSpeed;
ball.velocityY = (Math.random() - 0.5) * 12;
}
}
});
}
});
} else {
gameState = 'playing';
ball.velocityX = (Math.random() > 0.5 ? 1 : -1) * ball.baseSpeed;
ball.velocityY = (Math.random() - 0.5) * 12;
}
}
showCountdownNumber();
}
// Ball collision detection
function checkBallCollisions() {
// Left paddle collision
if (ball.x <= leftPaddle.x + 10 && ball.x >= leftPaddle.x - 10 && ball.y >= leftPaddle.y - 60 && ball.y <= leftPaddle.y + 60 && ball.velocityX < 0) {
ball.velocityX = -ball.velocityX;
// Add some angle based on where ball hits paddle
var hitPosition = (ball.y - leftPaddle.y) / 60;
ball.velocityY += hitPosition * 3;
// Increase speed by 0.5
if (ball.velocityX > 0) {
ball.velocityX += 0.5;
} else {
ball.velocityX -= 0.5;
}
if (ball.velocityY > 0) {
ball.velocityY += 0.5;
} else {
ball.velocityY -= 0.5;
}
LK.getSound('paddleHit').play();
}
// Right paddle collision
if (ball.x >= rightPaddle.x - 10 && ball.x <= rightPaddle.x + 10 && ball.y >= rightPaddle.y - 60 && ball.y <= rightPaddle.y + 60 && ball.velocityX > 0) {
ball.velocityX = -ball.velocityX;
// Add some angle based on where ball hits paddle
var hitPosition = (ball.y - rightPaddle.y) / 60;
ball.velocityY += hitPosition * 3;
// Increase speed by 0.5
if (ball.velocityX > 0) {
ball.velocityX += 0.5;
} else {
ball.velocityX -= 0.5;
}
if (ball.velocityY > 0) {
ball.velocityY += 0.5;
} else {
ball.velocityY -= 0.5;
}
LK.getSound('paddleHit').play();
}
}
// Scoring
function checkScoring() {
if (ball.x < -20) {
// Right player scores
rightScore++;
rightScoreText.setText(rightScore.toString());
LK.getSound('score').play();
if (rightScore >= winningScore) {
LK.showGameOver();
return;
}
ball.reset();
}
if (ball.x > 2048 + 20) {
// Left player scores
leftScore++;
leftScoreText.setText(leftScore.toString());
LK.setScore(leftScore);
LK.getSound('score').play();
if (leftScore >= winningScore) {
LK.showYouWin();
return;
}
ball.reset();
}
}
game.update = function () {
if (gameState === 'playing') {
updateAI();
checkBallCollisions();
checkScoring();
}
}; ===================================================================
--- original.js
+++ change.js
@@ -1,5 +1,10 @@
/****
+* Plugins
+****/
+var tween = LK.import("@upit/tween.v1");
+
+/****
* Classes
****/
var Ball = Container.expand(function () {
var self = Container.call(this);
@@ -12,18 +17,21 @@
self.baseSpeed = 18;
self.reset = function () {
self.x = 2048 / 2;
self.y = 2732 / 2;
- self.velocityX = (Math.random() > 0.5 ? 1 : -1) * self.baseSpeed;
- self.velocityY = (Math.random() - 0.5) * 12;
+ self.velocityX = 0;
+ self.velocityY = 0;
+ startCountdown();
};
self.update = function () {
- self.x += self.velocityX;
- self.y += self.velocityY;
- // Bounce off top and bottom walls
- if (self.y <= 10 || self.y >= 2732 - 10) {
- self.velocityY = -self.velocityY;
- LK.getSound('wallHit').play();
+ if (gameState === 'playing') {
+ self.x += self.velocityX;
+ self.y += self.velocityY;
+ // Bounce off top and bottom walls
+ if (self.y <= 10 || self.y >= 2732 - 10) {
+ self.velocityY = -self.velocityY;
+ LK.getSound('wallHit').play();
+ }
}
};
return self;
});
@@ -73,8 +81,11 @@
// Score tracking
var leftScore = 0;
var rightScore = 0;
var winningScore = 11;
+// Game state
+var gameState = 'playing'; // 'countdown' or 'playing'
+var countdownNumber = 3;
// Score display
var leftScoreText = new Text2('0', {
size: 120,
fill: 0xFFFFFF
@@ -90,8 +101,18 @@
rightScoreText.anchor.set(0.5, 0);
rightScoreText.x = 2048 / 4 * 3;
rightScoreText.y = 100;
LK.gui.addChild(rightScoreText);
+// Countdown text
+var countdownText = new Text2('', {
+ size: 300,
+ fill: 0xFFFFFF
+});
+countdownText.anchor.set(0.5, 0.5);
+countdownText.x = 2048 / 2;
+countdownText.y = 2732 / 2;
+countdownText.visible = false;
+LK.gui.addChild(countdownText);
// Center line (dashed effect with multiple small rectangles)
var centerLineSegments = [];
for (var i = 0; i < 20; i++) {
var segment = LK.getAsset('paddle', {
@@ -152,8 +173,56 @@
// Fine adjustment for precise positioning
rightPaddle.targetY = targetY;
}
}
+// Countdown function
+function startCountdown() {
+ gameState = 'countdown';
+ countdownNumber = 3;
+ ball.velocityX = 0;
+ ball.velocityY = 0;
+ function showCountdownNumber() {
+ if (countdownNumber > 0) {
+ countdownText.setText(countdownNumber.toString());
+ countdownText.visible = true;
+ countdownText.alpha = 0;
+ countdownText.scaleX = 2;
+ countdownText.scaleY = 2;
+ tween(countdownText, {
+ alpha: 1,
+ scaleX: 1,
+ scaleY: 1
+ }, {
+ duration: 500,
+ easing: tween.easeOut,
+ onFinish: function onFinish() {
+ tween(countdownText, {
+ alpha: 0
+ }, {
+ duration: 500,
+ easing: tween.easeIn,
+ onFinish: function onFinish() {
+ countdownNumber--;
+ if (countdownNumber > 0) {
+ showCountdownNumber();
+ } else {
+ countdownText.visible = false;
+ gameState = 'playing';
+ ball.velocityX = (Math.random() > 0.5 ? 1 : -1) * ball.baseSpeed;
+ ball.velocityY = (Math.random() - 0.5) * 12;
+ }
+ }
+ });
+ }
+ });
+ } else {
+ gameState = 'playing';
+ ball.velocityX = (Math.random() > 0.5 ? 1 : -1) * ball.baseSpeed;
+ ball.velocityY = (Math.random() - 0.5) * 12;
+ }
+ }
+ showCountdownNumber();
+}
// Ball collision detection
function checkBallCollisions() {
// Left paddle collision
if (ball.x <= leftPaddle.x + 10 && ball.x >= leftPaddle.x - 10 && ball.y >= leftPaddle.y - 60 && ball.y <= leftPaddle.y + 60 && ball.velocityX < 0) {
@@ -220,8 +289,10 @@
ball.reset();
}
}
game.update = function () {
- updateAI();
- checkBallCollisions();
- checkScoring();
+ if (gameState === 'playing') {
+ updateAI();
+ checkBallCollisions();
+ checkScoring();
+ }
};
\ No newline at end of file
Showing 1 to 10 of 10
Used plugins
@upit/tween
