maze with person that you control enemy with closets you hide in moveing enemy's game

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

No:31744

←

Prev Next

→

maze with person that you control enemy with close..ALL
Developer User15107｜Date and time 23/12/28 8:27:56
Build time 50.204 sec｜Game capacity 6.119KB｜

Script

Sure! Here's an example of a simple maze game using JavaScript and pictograms. The game involves controlling a person emoji to avoid a moving enemy emoji and find the closets to hide in. You can play the game on a smartphone by tapping on the screen to move the player emoji.

To play the game, copy the above code and save it as an HTML file on your device. Then, open the file in a web browser on your smartphone. You'll be able to navigate through the maze by tapping the adjacent cells on the screen. Avoid the enemy while trying to reach the closet to win the game.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Maze Game</title>
    <style>
        body {
            font-size: 40px;
        }

.maze {
            display: flex;
            flex-wrap: wrap;
            width: 80vw;
            height: 80vh;
        }

.cell {
            width: 10%;
            height: 10%;
            text-align: center;
        }

.player {
            color: green;
        }

.enemy {
            color: red;
        }

.closet {
            color: blue;
        }
    </style>
</head>
<body>
    <div class="maze">
        
    </div>

const player = '👨';
        const enemy = '👾';
        const closet = '🚪';

// Coordinates of the player and enemy
        let playerX = 1;
        let playerY = 1;
        let enemyX = 9;
        let enemyY = 9;

// Draw the maze on the screen
        const mazeElement = document.querySelector('.maze');
        for (let y = 0; y < mazeGrid.length; y++) {
            for (let x = 0; x < mazeGrid[y].length; x++) {
                const cell = document.createElement('div');
                cell.classList.add('cell');
                cell.textContent = mazeGrid[y][x];
                mazeElement.appendChild(cell);
            }
        }

// Update the maze after each move
        function updateMaze() {
            const cells = mazeElement.querySelectorAll('.cell');
            cells.forEach((cell, index) => {
                cell.textContent = mazeGrid[Math.floor(index / 10)][index % 10];
            });
        }

// Check if the player has reached the closet
        function checkWin() {
            return mazeGrid[playerY][playerX] === closet;
        }

// Move the player based on the touch event on the screen
        document.addEventListener('touchend', function (event) {
            const touchX = event.changedTouches[0].clientX;
            const touchY = event.changedTouches[0].clientY;

const bounds = mazeElement.getBoundingClientRect();
            const cellWidth = bounds.width / 10;
            const cellHeight = bounds.height / 10;

const touchCellX = Math.floor((touchX - bounds.left) / cellWidth);
            const touchCellY = Math.floor((touchY - bounds.top) / cellHeight);

if (touchCellX === playerX + 1 && touchCellY === playerY) {
                playerX += 1;
            } else if (touchCellX === playerX - 1 && touchCellY === playerY) {
                playerX -= 1;
            } else if (touchCellY === playerY + 1 && touchCellX === playerX) {
                playerY += 1;
            } else if (touchCellY === playerY - 1 && touchCellX === playerX) {
                playerY -= 1;
            }
            
            moveEnemy();
            updateMaze();
            
            if (checkWin()) {
                alert('Congratulations! You found the closet!');
            }
        });

// Move the enemy randomly in the maze
        function moveEnemy() {
            const direction = Math.floor(Math.random() * 4);
            const prevEnemyX = enemyX;
            const prevEnemyY = enemyY;
            
            // Try to move the enemy
            if (direction === 0 && enemyX > 0) { // Move left
                enemyX -= 1;
            } else if (direction === 1 && enemyX < 9) { // Move right
                enemyX += 1;
            } else if (direction === 2 && enemyY > 0) { // Move up
                enemyY -= 1;
            } else if (direction === 3 && enemyY < 9) { // Move down
                enemyY += 1;
            }

// If the new position is a wall, reset the enemy position
            if (mazeGrid[enemyY][enemyX] === '⬛️') {
                enemyX = prevEnemyX;
                enemyY = prevEnemyY;
            }
            
            // If enemy captures player, game over
            if (enemyX === playerX && enemyY === playerY) {
                alert('Game Over! The enemy caught you.');
                resetGame();
            }
        }

// Reset the game when needed
        function resetGame() {
            playerX = 1;
            playerY = 1;
            enemyX = 9;
            enemyY = 9;
            updateMaze();
        }
    </script>
</body>
</html>
```