Гонки на гоночных машинах's game

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

No:18046

←

Prev Next

→

Гонки на гоночных машинах
Developer User7944｜Date and time 23/9/26 17:40:38
Build time 25.346 sec｜Game capacity 2.262KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Гонки на гоночных машинах</title>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>
    <script type="text/javascript">
        // Получение ссылки на элемент canvas
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");

// Создание и настройка объектов игры
        var carWidth = 50;
        var carHeight = 80;
        var carX = (canvas.width - carWidth) / 2;
        var carY = canvas.height - carHeight - 10;
        var carSpeed = 5;

var leftKeyPressed = false;
        var rightKeyPressed = false;

// Отслеживание нажатий клавиш
        document.addEventListener("keydown", onKeyDown, false);
        document.addEventListener("keyup", onKeyUp, false);

function onKeyDown(event) {
            if (event.keyCode === 37) {
                leftKeyPressed = true;
            } else if (event.keyCode === 39) {
                rightKeyPressed = true;
            }
        }

function onKeyUp(event) {
            if (event.keyCode === 37) {
                leftKeyPressed = false;
            } else if (event.keyCode === 39) {
                rightKeyPressed = false;
            }
        }

// Обновление игры
        function update() {
            if (leftKeyPressed) {
                carX -= carSpeed;
            } else if (rightKeyPressed) {
                carX += carSpeed;
            }

// Проверка границ экрана
            if (carX < 0) {
                carX = 0;
            } else if (carX > canvas.width - carWidth) {
                carX = canvas.width - carWidth;
            }

// Очистка холста
            context.clearRect(0, 0, canvas.width, canvas.height);

// Отрисовка гоночной машины
            context.fillStyle = "#0000FF";
            context.fillRect(carX, carY, carWidth, carHeight);

requestAnimationFrame(update);
        }

// Начало обновления игры
        update();

</script>
</body>
</html>