Adiciona um avião por acaso é vc, aí tem obstáculos como pássaro, prédios, balões e outras 4 coisas, a cada um obstáculo vai dar uma mensagem que vc perdeu e mensagem que disse que você caiu, botões: Espaço, Fatal Off/On, e o chat's game

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

No:34183

←

Prev Next

→

Adiciona um avião por acaso é vc, aí tem obstáculo..ALL
Developer User16160｜Date and time 24/1/9 1:02:10
Build time 48.496 sec｜Game capacity 4.626KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Game do Avião</title>
    <style>
        canvas { border: 1px solid #000; }
        button { margin: 10px; }
        #chat { display: none; }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400px" height="600px"></canvas>
    <button onclick="toggleFatal()">Fatal Off/On</button>
    <button onclick="toggleChat()">Chat</button>
    <br>
    <span id="gameOver" style="display: none;">Você perdeu! Caiu!</span>
    <input id="chatInput" type="text" placeholder="Digite uma mensagem">
    <button onclick="sendMessage()">Enviar</button>
    <div id="chat" style="display: none;">
        <ul id="chatLog"></ul>
    </div>
    <script>
        var canvas = document.getElementById("gameCanvas");
        var ctx = canvas.getContext("2d");

// Variáveis do jogo
        var airplaneX = 50;
        var airplaneY = canvas.height / 2;
        var obstacles = [
            { x: 200, y: 100, type: "bird" },
            { x: 300, y: 300, type: "building" },
            { x: 100, y: 500, type: "balloon" },
            { x: 250, y: 400, type: "something1" },
            { x: 350, y: 200, type: "something2" }
        ];
        var gameOver = false;
        var fatalMode = false;
        var chatVisible = false;
        var chatLog = [];

// Event listeners para o jogo
        document.addEventListener("keydown", handleKeyPress);

// Função principal do jogo
        function gameLoop() {
            if (!gameOver) {
                // Limpar o canvas
                ctx.clearRect(0, 0, canvas.width, canvas.height);

// Desenhar o avião
                ctx.fillStyle = "blue";
                ctx.fillRect(airplaneX, airplaneY, 30, 20);

// Desenhar os obstáculos
                for (var i = 0; i < obstacles.length; i++) {
                    var obstacle = obstacles[i];
                    ctx.fillStyle = getObstacleColor(obstacle.type);
                    ctx.fillRect(obstacle.x, obstacle.y, 30, 30);
                    obstacle.x -= 1;

if (obstacle.x < 0) {
                        obstacle.x = canvas.width;
                    }

// Verificar colisão
                    if (!fatalMode &&
                        airplaneX < obstacle.x + 30 &&
                        airplaneX + 30 > obstacle.x &&
                        airplaneY < obstacle.y + 30 &&
                        airplaneY + 20 > obstacle.y) {
                        gameOver = true;
                        document.getElementById("gameOver").style.display = "block";
                        break;
                    }
                }

// Atualizar o canvas
                requestAnimationFrame(gameLoop);
            }
        }

// Função para obter a cor do obstáculo
        function getObstacleColor(type) {
            switch (type) {
                case "bird":
                    return "green";
                case "building":
                    return "gray";
                case "balloon":
                    return "red";
                default:
                    return "black";
            }
        }

// Função para lidar com o clique no botão Fatal Off/On
        function toggleFatal() {
            fatalMode = !fatalMode;
            document.getElementById("gameOver").style.display = "none";
        }

// Função para lidar com o clique no botão Chat
        function toggleChat() {
            chatVisible = !chatVisible;
            document.getElementById("chat").style.display = chatVisible ? "block" : "none";
        }

// Função para lidar com o evento de teclado
        function handleKeyPress(event) {
            if (event.key === " ") {
                airplaneY -= 20;
            }
        }

// Função para enviar mensagem no chat
        function sendMessage() {
            var message = document.getElementById("chatInput").value;
            if (message !== "") {
                chatLog.push(message);
                addMessageToChatLog(message);
                document.getElementById("chatInput").value = "";
            }
        }

// Função para adicionar uma mensagem ao log do chat
        function addMessageToChatLog(message) {
            var chatLogElement = document.getElementById("chatLog");
            var liElement = document.createElement("li");
            liElement.textContent = message;
            chatLogElement.appendChild(liElement);
        }

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