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

No:11640

168

←

Prev Next

→

The Great Labyrinth of Mirrors
Developer User1006｜Date and time 23/8/11 14:56:00
Build time 18.698 sec｜Game capacity 3.418KB｜

Script

鏡の大迷宮

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>鏡の大迷宮</title>
    <style>
        body {
            background-color: #eee;
            text-align: center;
            font-family: Arial, sans-serif;
        }

h1 {
            margin-top: 50px;
        }

#game-board {
            display: inline-block;
            margin-top: 50px;
        }

.cell {
            width: 40px;
            height: 40px;
            line-height: 40px;
            border: 1px solid #000;
            display: inline-block;
            font-size: 20px;
        }

.player-icon {
            font-size: 30px;
        }

.mirror-icon {
            color: #aaa;
        }

.wall-icon {
            background-color: #000;
        }
    </style>
</head>
<body>
    <h1>鏡の大迷宮</h1>
    <div id="game-board"></div>

function updateGameBoard(playerPosition, mirrorPositions) {
            const cells = document.getElementsByClassName('cell');
      
            for (let i = 0; i < cells.length; i++) {
            cells[i].classList.remove('player-icon', 'mirror-icon', 'wall-icon');
          }

for (let i = 0; i < mirrorPositions.length; i++) {
            const mirrorIndex = mirrorPositions[i];
            cells[mirrorIndex].classList.add('mirror-icon');
          }

cells[playerPosition].classList.add('player-icon');
        }

function movePlayer(event) {
            const key = event.key;

switch (key) {
                case 'ArrowUp':
                    if (playerPosition >= 8) {
                        playerPosition -= 8;
                    }
                    break;
                case 'ArrowDown':
                    if (playerPosition < 56) {
                        playerPosition += 8;
                    }
                    break;
                case 'ArrowLeft':
                    if (playerPosition % 8 !== 0) {
                        playerPosition--;
                    }
                    break;
                case 'ArrowRight':
                    if (playerPosition % 8 !== 7) {
                        playerPosition++;
                    }
                    break;
            }

if (mirrorPositions.includes(playerPosition)) {
                mirrorPositions = mirrorPositions.filter(position => position !== playerPosition);
            }

updateGameBoard(playerPosition, mirrorPositions);

if (mirrorPositions.length === 0) {
                alert('おめでとうございます！ゲームクリア！');
                document.removeEventListener('keydown', movePlayer);
            }
        }

let playerPosition = 4;
        let mirrorPositions = [13, 46, 59];

createGameBoard();
        updateGameBoard(playerPosition, mirrorPositions);

document.addEventListener('keydown', movePlayer);
    </script>
</body>
</html>