AI game creator

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

No:45355

←

Prev Next

→

0>Scary maze remake
Developer WinnerWiener1332｜Date and time 24/2/20 12:34:55
Build time 10.131 sec｜Game capacity 2.207KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<title>Scary Maze Game</title>
<style>
    body {
        margin: 0;
        padding: 0;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: black;
        color: white;
        font-family: Arial, sans-serif;
    }
    #game-container {
        width: 400px;
        height: 400px;
        border: 2px solid white;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
    .cell {
        background-color: gray;
        border: 1px solid black;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 30px;
    }
</style>
</head>
<body>
<div id="game-container"></div>
<script>
    const cells = document.querySelectorAll('.cell');
    let currentCell = 0;
    
    cells[currentCell].style.backgroundColor = 'purple';
    
    document.addEventListener('keydown', (e) => {
        switch(e.key) {
            case 'ArrowUp':
                if(currentCell > 3) {
                    cells[currentCell].style.backgroundColor = 'gray';
                    currentCell -= 4;
                    cells[currentCell].style.backgroundColor = 'purple';
                }
                break;
            case 'ArrowDown':
                if(currentCell < 12) {
                    cells[currentCell].style.backgroundColor = 'gray';
                    currentCell += 4;
                    cells[currentCell].style.backgroundColor = 'purple';
                }
                break;
            case 'ArrowLeft':
                if(currentCell % 4 !== 0) {
                    cells[currentCell].style.backgroundColor = 'gray';
                    currentCell -= 1;
                    cells[currentCell].style.backgroundColor = 'purple';
                }
                break;
            case 'ArrowRight':
                if((currentCell + 1) % 4 !== 0) {
                    cells[currentCell].style.backgroundColor = 'gray';
                    currentCell += 1;
                    cells[currentCell].style.backgroundColor = 'purple';
                }
                break;
        }
    });
</script>
</body>
</html>