AI game creator

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

No:17034

106

←

Prev Next

→

Auto Atari Pong
Developer User7570｜Date and time 23/9/22 6:45:19
Build time 32.502 sec｜Game capacity 4.565KB｜

Script

Sure! Here's a simple implementation of the classic game Atari Pong using JavaScript and HTML. The game is designed for smartphone operation and uses pictograms:

Save this code in a `.html` file and open it in a web browser on your smartphone to play the game. The player controls the paddle by tapping the top or bottom half of the screen. The goal is to bounce the ball off the paddle and prevent it from passing through. The computer-controlled paddle tries to do the same. Enjoy the game!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Sure! Here's a simple implementation of the classic game Atari Pong using JavaScript and HTML. The game is designed for smartphone operation and uses pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Auto Atari Pong</title>
    <style>
        body {
            margin: 0;
            overflow: hidden;
        }
        canvas {
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="pong" width="640" height="360"></canvas>

// Paddle variables
        const paddleWidth = 10;
        const paddleHeight = 60;
        const player = {
            x: 0,
            y: canvas.height / 2 - paddleHeight / 2,
            width: paddleWidth,
            height: paddleHeight,
            color: '#FFD700',
            dy: 10
        };
        const computer = {
            x: canvas.width - paddleWidth,
            y: canvas.height / 2 - paddleHeight / 2,
            width: paddleWidth,
            height: paddleHeight,
            color: '#FFD700',
            dy: 6
        };

// Ball variables
        const ball = {
            x: canvas.width / 2,
            y: canvas.height / 2,
            radius: 10,
            speed: 4,
            dx: 4,
            dy: 4,
            color: '#FFD700'
        };

// Drawing functions
        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();
        }

// Update game objects
        function update() {
            // Move paddles
            player.y += player.dy;
            computer.y += computer.dy;

// Ball collision with paddles
            if (ball.x + ball.radius > player.x && ball.x - ball.radius < player.x + player.width &&
                ball.y + ball.radius > player.y && ball.y - ball.radius < player.y + player.height) {
                ball.dx *= -1;
            } else if (ball.x + ball.radius > computer.x && ball.x - ball.radius < computer.x + computer.width &&
                ball.y + ball.radius > computer.y && ball.y - ball.radius < computer.y + computer.height) {
                ball.dx *= -1;
            }

// Ball movement
            ball.x += ball.dx;
            ball.y += ball.dy;

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

// Computer paddle movement
            if (computer.y + computer.height / 2 < ball.y) {
                computer.y += computer.dy;
            } else {
                computer.y -= computer.dy;
            }
        }

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

// Draw paddles
            drawPaddle(player.x, player.y, player.width, player.height, player.color);
            drawPaddle(computer.x, computer.y, computer.width, computer.height, computer.color);

// Draw ball
            drawBall(ball.x, ball.y, ball.radius, ball.color);
        }

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

// Start game
        setInterval(gameLoop, 1000 / 60);  // Game runs at 60 frames per second

// Handle touch events for smartphone operation
        document.addEventListener('touchstart', (e) => {
            const touchY = e.touches[0].clientY;
            if (touchY < canvas.height / 2) {
                player.dy = -Math.abs(player.dy);
            } else {
                player.dy = Math.abs(player.dy);
            }
        });

document.addEventListener('touchend', () => {
            player.dy = 0;
        });
    </script>
</body>
</html>
```