AI game creator

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

No:19966

←

Prev Next

→

Mega jump
Developer User8892｜Date and time 23/10/7 16:02:39
Build time 16.089 sec｜Game capacity 2.846KB｜

Script

Необходимо создать игру "Mega Jump" в виде одного HTML файла, который будет содержать JavaScript и находиться внутри тегов . Вот пример реализации данной игры:

В этой игре вы играете роль персонажа, которому нужно выполнять прыжки на максимальное расстояние. Персонаж отобразится в виде синего квадрата на экране. Чтобы совершить прыжок, вам нужно нажать клавишу на клавиатуре. Если персонаж соприкасается с землей, то его скорость обнуляется, и он может сделать новый прыжок. Игра будет обновляться автоматически с помощью функции requestAnimationFrame().

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Необходимо создать игру "Mega Jump" в виде одного HTML файла, который будет содержать JavaScript и находиться внутри тегов <script>. Вот пример реализации данной игры:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Mega Jump</title>
    <style>
        body, html {
            margin: 0;
            padding: 0;
            height: 100%;
        }
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>
    <script>
        // Инициализация игры
        function startGame() {
            var canvas = document.getElementById("gameCanvas");
            var context = canvas.getContext("2d");

var player = {
                x: canvas.width / 2,
                y: canvas.height / 2,
                speedY: 0,
                gravity: 0.5,
                jumpPower: -10
            };

function updateGameArea() {
                context.clearRect(0, 0, canvas.width, canvas.height);
                player.speedY += player.gravity;
                player.y += player.speedY;

// Проверка на соприкосновение с землей
                if (player.y >= canvas.height - 20) {
                    player.y = canvas.height - 20;
                    player.speedY = 0;
                }

drawPlayer();
                requestAnimationFrame(updateGameArea);
            }

function jump() {
                if (player.y == canvas.height - 20) {
                    player.speedY = player.jumpPower;
                }
            }

function drawPlayer() {
                context.fillStyle = "blue";
                context.fillRect(player.x - 10, player.y - 20, 20, 20);
            }

document.addEventListener("keypress", jump);
            updateGameArea();
        }
        
        startGame();
    </script>
</body>
</html>
```