AI game creator

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

No:50928

157

←

Prev Next

→

Square vs backrooms
Developer User21425｜Date and time 24/3/10 9:14:24
Build time 4.445 sec｜Game capacity 1.847KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Square vs Backrooms</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

let squareX = 200;
        let squareY = 200;
        let backroomX = Math.random() * 400;
        let backroomY = Math.random() * 400;

function drawSquare() {
            ctx.fillStyle = 'blue';
            ctx.fillRect(squareX, squareY, 20, 20);
        }

function drawBackroom() {
            ctx.fillStyle = 'red';
            ctx.fillRect(backroomX, backroomY, 40, 40);
        }

function updateGameArea() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawSquare();
            drawBackroom();
        }

function moveSquare(event) {
            switch(event.key) {
                case 'ArrowUp':
                    squareY -= 10;
                    break;
                case 'ArrowDown':
                    squareY += 10;
                    break;
                case 'ArrowLeft':
                    squareX -= 10;
                    break;
                case 'ArrowRight':
                    squareX += 10;
                    break;
            }
            updateGameArea();

if (isCollision()) {
                alert('You entered the backrooms! GAME OVER');
                window.location.reload();
            }
        }

function isCollision() {
            return squareX < backroomX + 40 &&
                   squareX + 20 > backroomX &&
                   squareY < backroomY + 40 &&
                   squareY + 20 > backroomY;
        }

document.addEventListener('keydown', moveSquare);

updateGameArea();
    </script>
</body>
</html>