AI game creator

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

No:35596

←

Prev Next

→

Geometry dash
Developer User16561｜Date and time 24/1/14 23:53:35
Build time 11.103 sec｜Game capacity 3.03KB｜

Script

HTML-файл для игры в стиле Geometry Dash:

В этом файле реализована простая игра Geometry Dash. Вы должны управлять синим квадратом с помощью пробела на клавиатуре. Ваша задача - избегать красных препятствий, которые движутся слева направо. Если вы столкнетесь с препятствием, игра заканчивается. Удачи!

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

HTML-файл для игры в стиле Geometry Dash:

```html
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Geometry Dash</title>
    <style>
        canvas {
            position: absolute;
            top: 0;
            left: 0;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const context = canvas.getContext('2d');

const player = {
            x: 50,
            y: 150,
            width: 50,
            height: 50,
            yVelocity: 0,
            jumping: true
        };

const obstacles = [
            { x: 300, y: 300, width: 50, height: 50 },
            { x: 500, y: 450, width: 50, height: 50 },
            { x: 700, y: 250, width: 50, height: 50 },
            { x: 900, y: 400, width: 50, height: 50 }
        ];

function drawPlayer() {
            context.fillStyle = 'blue';
            context.fillRect(player.x, player.y, player.width, player.height);
        }

function drawObstacles() {
            obstacles.forEach(obstacle => {
                context.fillStyle = 'red';
                context.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);
            });
        }

function update() {
            context.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
            drawObstacles();

player.yVelocity += 1.5;
            player.y += player.yVelocity;

if (player.y > canvas.height - player.height) {
                player.y = canvas.height - player.height;
                player.yVelocity = 0;
                player.jumping = false;
            }

obstacles.forEach(obstacle => {
                if (isColliding(player, obstacle)) {
                    alert('Игра окончена!');
                }
            });

requestAnimationFrame(update);
        }

function isColliding(rect1, rect2) {
            return rect1.x < rect2.x + rect2.width &&
                   rect1.x + rect1.width > rect2.x &&
                   rect1.y < rect2.y + rect2.height &&
                   rect1.y + rect1.height > rect2.y;
        }

document.addEventListener('keydown', event => {
            if (event.code === 'Space' && !player.jumping) {
                player.yVelocity -= 35;
                player.jumping = true;
            }
        });

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