AI game creator

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

No:37188

←

Prev Next

→

Ping pong
Developer User17015｜Date and time 24/1/20 17:40:14
Build time 14.522 sec｜Game capacity 3.901KB｜

Script

Конечно, я готов создать игру пинг-понг для вас. Вот пример кода, на котором вы можете основать свою игру:

Это простой пример игры пинг-понг, реализованный в виде единственного HTML файла с помощью JavaScript. Вы можете запустить этот код в вашем браузере, чтобы поиграть в игру. Игра будет реагировать на нажатия стрелок вверх и вниз для перемещения ракетки. Предоставленный код создает холст и рисует на нем мяч и ракетку. Также обрабатываются столкновения и обновление положения объектов.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Конечно, я готов создать игру пинг-понг для вас. Вот пример кода, на котором вы можете основать свою игру:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Ping Pong</title>
    <style>
        #gameCanvas {
            width: 400px;
            height: 400px;
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Установка начальных координат мяча
    let ballX = canvas.width / 2;
    let ballY = canvas.height / 2;
    let ballSpeedX = 2;
    let ballSpeedY = 2;

// Установка начальных координат ракетки
    let paddleY = (canvas.height - 100) / 2;
    const paddleHeight = 100;
    const paddleWidth = 10;

// Функция для рисования объектов на холсте
    function draw() {
        // Очистка холста
        context.clearRect(0, 0, canvas.width, canvas.height);

// Рисование мяча
        context.beginPath();
        context.arc(ballX, ballY, 10, 0, Math.PI*2);
        context.fillStyle = "yellow
";
        context.fill();
        context.closePath();

// Рисование ракетки
        context.beginPath();
        context.rect(canvas.width - paddleWidth, paddleY, paddleWidth, paddleHeight);
        context.fillStyle = "black";
        context.fill();
        context.closePath();
    }

// Функция для обновления положения объектов
    function update() {
        // Обновление координат мяча
        ballX += ballSpeedX;
        ballY += ballSpeedY;

// Обработка столкновений с границами холста
        if (ballY < 0 || ballY > canvas.height) {
            ballSpeedY *= -1;
        }

// Обработка столкновений с ракеткой
        if (ballX > canvas.width - paddleWidth && ballY > paddleY && ballY < paddleY + paddleHeight) {
            ballSpeedX *= -1;
        }

// Вызов функции рисования
        draw();

// Рекурсивный вызов функции update для обновления положения объектов
        requestAnimationFrame(update);
    }

// Обработчик события нажатия на кнопку
    document.addEventListener("keydown", function(event) {
        if (event.keyCode === 38 && paddleY > 0) { // Код 38 - стрелка вверх
            paddleY -= 10;
        } else if (event.keyCode === 40 && paddleY < canvas.height - paddleHeight) { // Код 40 - стрелка вниз
            paddleY += 10;
        }
    });

// Вызов функции update для запуска игры
    update();
    </script>
</body>
</html>
```