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

No:24162

A game in which the player sees possessed animatro..ALL
Developer User6309｜Date and time 23/11/6 6:15:42
Build time 88.518 sec｜Game capacity 4.987KB｜

Script

Jogo de Animatrônicos Possuídos

Pictograma da câmera 1

Pictograma da câmera 2

Pictograma da câmera 3

Porta 1

Porta 2

Porta 3

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo de Animatrônicos Possuídos</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #000;
            color: #fff;
            text-align: center;
        }

#game-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            max-width: 800px;
            margin: 20px auto;
        }

.camera {
            flex: 0 0 30%;
            background-color: #444;
            color: #fff;
            padding: 20px;
            margin-bottom: 20px;
            border: 2px solid #777;
            border-radius: 10px;
        }

#player-image {
            max-width: 100%;
            display: none;
            margin-bottom: 20px;
        }

#doors {
            display: flex;
            justify-content: space-between;
            margin-bottom: 20px;
        }

.door {
            flex: 0 0 30%;
            background-color: #777;
            color: #fff;
            padding: 10px 20px;
            border-radius: 5px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Jogo de Animatrônicos Possuídos</h1>
    <div id="game-container">
        <div id="camera1" class="camera">
            <p>Pictograma da câmera 1</p>
        </div>
        <div id="camera2" class="camera">
            <p>Pictograma da câmera 2</p>
        </div>
        <div id="camera3" class="camera">
            <p>Pictograma da câmera 3</p>
        </div>
    </div>
    <img id="player-image" src="player.png" alt="Player">
    <div id="doors">
        <div id="door1" class="door">Porta 1</div>
        <div id="door2" class="door">Porta 2</div>
        <div id="door3" class="door">Porta 3</div>
    </div>

// Vetor com as portas
        const doors = [
            { id: 'door1', name: 'Porta 1', isOpen: true },
            { id: 'door2', name: 'Porta 2', isOpen: true },
            { id: 'door3', name: 'Porta 3', isOpen: true }
        ];

// Função para atualizar o estado visual do jogo
        function updateGameState() {
            cameras.forEach(camera => {
                const cameraElement = document.getElementById(camera.id);
                const door = doors.find(door => door.name === camera.name);

if (camera.active && !door.isOpen) {
                    cameraElement.style.backgroundColor = '#f00';
                    cameraElement.style.color = '#000';
                } else {
                    cameraElement.style.backgroundColor = '#444';
                    cameraElement.style.color = '#fff';
                }
            });

doors.forEach(door => {
                const doorElement = document.getElementById(door.id);

if (door.isOpen) {
                    doorElement.style.backgroundColor = '#777';
                } else {
                    doorElement.style.backgroundColor = '#f00';
                }
            });
        }

// Função para processar a jogada do jogador
        function playMove(cameraName) {
            const camera = cameras.find(camera => camera.name === cameraName);
            const door = doors.find(door => door.name === cameraName);

if (camera.active && !door.isOpen) {
                // O jogador foi morto pelo animatrônico
                document.getElementById('player-image').style.display = 'block';
                alert('Você foi morto pelo animatrônico!');
                resetGame();
                return;
            }

camera.active = !camera.active;
            updateGameState();
        }

// Função para resetar o jogo
        function resetGame() {
            cameras.forEach(camera => {
                camera.active = false;
            });

doors.forEach(door => {
                door.isOpen = true;
            });

document.getElementById('player-image').style.display = 'none';
            updateGameState();
        }

// Adicionar eventos de clique às câmeras e portas
        cameras.forEach(camera => {
            document.getElementById(camera.id).addEventListener('click', () => playMove(camera.name));
        });

doors.forEach(door => {
            document.getElementById(door.id).addEventListener('click', () => {
                if (door.isOpen) {
                    door.isOpen = false;
                } else {
                    door.isOpen = true;
                }

updateGameState();
            });
        });

// Iniciar o jogo
        updateGameState();
    </script>
</body>
</html>