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

No:20324

←

Prev Next

→

Crie um jogo do Batman
Developer User9013｜Date and time 23/10/9 5:17:15
Build time 17.401 sec｜Game capacity 4.956KB｜

Script

Jogo do Batman

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo do Batman</title>
    <style>
        body {
            background-color: #ebebeb;
            text-align: center;
        }
        
        #game-container {
            display: inline-block;
        }
        
        .board-cell {
            width: 50px;
            height: 50px;
            box-sizing: border-box;
            border: 1px solid black;
            display: inline-block;
            background-color: white;
        }
        
        #batman {
            font-size: 30px;
        }
    </style>
</head>
<body>
    <h1>Jogo do Batman</h1>
    <div id="game-container">
    </div>
    
    <script>
        var board;
        var batmanPos;
        var jokerPos;
        
        // Create the game board
        function createBoard() {
            board = [];
            for (var i = 0; i < 5; i++) {
                var row = [];
                for (var j = 0; j < 5; j++) {
                    row.push(0);
                }
                board.push(row);
            }
        }
        
        // Randomly place Batman and Joker on the board
        function placeCharacters() {
            batmanPos = {
                x: Math.floor(Math.random() * 5),
                y: Math.floor(Math.random() * 5)
            }
            
            do {
                jokerPos = {
                    x: Math.floor(Math.random() * 5),
                    y: Math.floor(Math.random() * 5)
                }
            } while (jokerPos.x === batmanPos.x && jokerPos.y === batmanPos.y);
        }
        
        // Move Batman in the specified direction
        function moveBatman(direction) {
            var newX = batmanPos.x;
            var newY = batmanPos.y;
            
            if (direction === 'up') {
                newY--;
            } else if (direction === 'down') {
                newY++;
            } else if (direction === 'left') {
                newX--;
            } else if (direction === 'right') {
                newX++;
            }
            
            if (newX >= 0 && newY >= 0 && newX < 5 && newY < 5) {
                batmanPos.x = newX;
                batmanPos.y = newY;
                
                checkGameState();
            }
        }
        
        // Check if Batman caught Joker or reached the edge
        function checkGameState() {
            if (batmanPos.x === jokerPos.x && batmanPos.y === jokerPos.y) {
                alert('Parabéns! Batman capturou o Coringa!');
                createBoard();
                placeCharacters();
                renderBoard();
            } else {
                var win = false;
                
                if (batmanPos.x === 0 || batmanPos.x === 4 || batmanPos.y === 0 || batmanPos.y === 4) {
                    alert('Oops! Batman alcançou a borda do jogo!');
                    win = true;
                }
                
                if (win) {
                    createBoard();
                    placeCharacters();
                    renderBoard();
                }
            }
        }
        
        // Render the game board
        function renderBoard() {
            var gameContainer = document.getElementById('game-container');
            gameContainer.innerHTML = '';
            
            for (var i = 0; i < 5; i++) {
                for (var j = 0; j < 5; j++) {
                    var cell = document.createElement('div');
                    cell.className = 'board-cell';
                    
                    if (i === batmanPos.y && j === batmanPos.x) {
                        cell.innerHTML = '🦇';
                        cell.id = 'batman';
                    } else if (i === jokerPos.y && j === jokerPos.x) {
                        cell.innerHTML = '🃏';
                    }
                    
                    gameContainer.appendChild(cell);
                }
                
                gameContainer.appendChild(document.createElement('br'));
            }
        }
        
        // Start the game
        function startGame() {
            createBoard();
            placeCharacters();
            renderBoard();
        }
        
        // Handle arrow key presses
        document.addEventListener('keydown', function(e) {
            var key = e.keyCode;
            
            if (key === 37 || key === 38 || key === 39 || key === 40) {
                e.preventDefault();
                
                if (key === 37) {
                    moveBatman('left');
                } else if (key === 38) {
                    moveBatman('up');
                } else if (key === 39) {
                    moveBatman('right');
                } else if (key === 40) {
                    moveBatman('down');
                }
            }
        });
        
        // Start the game when the page loads
        window.onload = startGame;
    </script>
</body>
</html>