Atari Pong With boomerangs's game

Click here for free DL of the app version that can save data.

No:17063

120

←

Prev Next

→

Atari Pong With boomerangs
Developer User7570｜Date and time 23/9/22 7:29:03
Build time 40.881 sec｜Game capacity 5.712KB｜

Script

Instructions: - Control the player's paddle using the 'W' and 'S' key (up and down). - Control the boomerang's paddle using the up and down arrow key. - Try to hit the ball with your paddle to prevent it from passing and score points. - Each time the ball passes your paddle, the boomerang's score increases. - Each time the ball passes the boomerang's paddle, your score increases. - Enjoy playing Atari Pong with Boomerangs!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

Click here for free DL of the app version that can save data.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Atari Pong with Boomerangs</title>
    <style>
        canvas {
          background: black;
          display: block;
          margin: 20px auto;
        }
    </style>
</head>
<body>
    <canvas id="pong" width="800" height="400"></canvas>

// Game objects
        const paddleWidth = 10;
        const paddleHeight = 70;

const player = {
            x: 0,
            y: canvas.height / 2 - paddleHeight / 2,
            width: paddleWidth,
            height: paddleHeight,
            color: "rgba(255, 255, 255, 1)",
            dy: 10 // paddle's vertical speed
        };

const boomerang = {
            x: canvas.width - paddleWidth,
            y: canvas.height / 2 - paddleHeight / 2,
            width: paddleWidth,
            height: paddleHeight,
            color: "rgba(255, 255, 255, 1)",
            dy: 6 // boomerang's vertical speed
        };

const ball = {
            x: canvas.width / 2,
            y: canvas.height / 2,
            radius: 10,
            speed: 6,
            dx: 6,
            dy: 6,
            color: "rgba(255, 255, 255, 1)"
        };

// Draw paddle, ball, and score
        function drawPaddle(x, y, width, height, color) {
            context.fillStyle = color;
            context.fillRect(x, y, width, height);
        }

function drawBall(x, y, radius, color) {
            context.fillStyle = color;
            context.beginPath();
            context.arc(x, y, radius, 0, Math.PI * 2, false);
            context.closePath();
            context.fill();
        }

function drawScore(x, y, score, color) {
            context.fillStyle = color;
            context.font = "40px Arial";
            context.fillText(score, x, y);
        }

// Move paddles
        function movePaddle(paddle, upKey, downKey) {
            document.addEventListener("keydown", function(event) {
                switch(event.keyCode) {
                    case upKey:
                        paddle.y -= paddle.dy;
                        break;
                    case downKey:
                        paddle.y += paddle.dy;
                        break;
                }
            });

document.addEventListener("keyup", function(event) {
                switch(event.keyCode) {
                    case upKey:
                        paddle.y += paddle.dy;
                        break;
                    case downKey:
                        paddle.y -= paddle.dy;
                        break;
                }
            });
        }

// Update game objects
        function update() {
            // Move paddles
            movePaddle(player, 87 /* W key */, 83 /* S key */);
            movePaddle(boomerang, 38 /* Up arrow key */, 40 /* Down arrow key */);

// Move ball
            ball.x += ball.dx;
            ball.y += ball.dy;

// Ball collision with walls
            if (ball.y + ball.radius > canvas.height || ball.y - ball.radius < 0) {
                ball.dy *= -1;
            }

// Ball collision with paddles
            if (ball.x + ball.radius > canvas.width - paddleWidth) {
                if (ball.y + ball.radius > boomerang.y && ball.y - ball.radius < boomerang.y + paddleHeight) {
                    ball.dx *= -1;
                } else {
                    // Player scored a point
                    score.player++;
                    resetBall();
                }
            }

if (ball.x - ball.radius < paddleWidth) {
                if (ball.y + ball.radius > player.y && ball.y - ball.radius < player.y + paddleHeight) {
                    ball.dx *= -1;
                } else {
                    // Boomerang scored a point
                    score.boomerang++;
                    resetBall();
                }
            }
        }

// Reset ball position after scoring
        function resetBall() {
            ball.x = canvas.width / 2;
            ball.y = canvas.height / 2;
            ball.dx *= Math.random() < 0.5 ? 1 : -1;
            ball.dy *= Math.random() < 0.5 ? 1 : -1;
        }

// Render the game
        function render() {
            // Clear canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw paddles and ball
            drawPaddle(player.x, player.y, player.width, player.height, player.color);
            drawPaddle(boomerang.x, boomerang.y, boomerang.width, boomerang.height, boomerang.color);
            drawBall(ball.x, ball.y, ball.radius, ball.color);

// Draw score
            drawScore(canvas.width / 4, canvas.height / 6, score.player, player.color);
            drawScore(3 * canvas.width / 4, canvas.height / 6, score.boomerang, boomerang.color);
        }

// Game loop
        function loop() {
            update();
            render();
            requestAnimationFrame(loop);
        }

// Start the game
        let score = {
            player: 0,
            boomerang: 0
        };

loop();
    </script>
</body>
</html>
```

Instructions:
- Control the player's paddle using the 'W' and 'S' key (up and down).
- Control the boomerang's paddle using the up and down arrow key.
- Try to hit the ball with your paddle to prevent it from passing and score points.
- Each time the ball passes your paddle, the boomerang's score increases.
- Each time the ball passes the boomerang's paddle, your score increases.
- Enjoy playing Atari Pong with Boomerangs!