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

No:46444

←

Prev Next

→

Obby
Developer User20087｜Date and time 24/2/24 22:37:34
Build time 5.551 sec｜Game capacity 1.733KB｜

Script

Добро пожаловать в игру Обби!

Начать игру

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Обби - Игра</title>
</head>
<body>

<h1>Добро пожаловать в игру Обби!</h1>

<div id="start" onclick="startGame()">Начать игру</div>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

let playerX = 50;
        let playerY = 50;
        let playerSize = 20;
        let playerColor = 'blue';

function drawPlayer() {
            ctx.fillStyle = playerColor;
            ctx.fillRect(playerX, playerY, playerSize, playerSize);
        }

function clearCanvas() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        }

function movePlayer(event) {
            clearCanvas();

switch(event.keyCode) {
                case 37: // left arrow
                    playerX -= 10;
                    break;
                case 39: // right arrow
                    playerX += 10;
                    break;
                case 38: // up arrow
                    playerY -= 10;
                    break;
                case 40: // down arrow
                    playerY += 10;
                    break;
            }

drawPlayer();
        }

function startGame() {
            document.getElementById('start').style.display = 'none';
            drawPlayer();
            window.addEventListener('keydown', movePlayer);
        }
    </script>
</body>
</html>