Me dê o snake game com controles e a Maçã Mas terá uma ia jogando contra mim ok?'s game

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

No:42304

←

Prev Next

→

Me dê o snake game com controles e a Maçã Mas terá..ALL
Developer User18853｜Date and time 24/2/11 10:38:27
Build time 17.538 sec｜Game capacity 6.057KB｜

Script

Certo, aqui está o jogo da Cobrinha com controles e a Maçã, incluindo uma IA que joga contra você:

Esse código HTML contém o jogo da Cobrinha com controles e a Maçã, onde você possui o controle sobre a cobrinha utilizando as setas do teclado e a maçã é gerada aleatoriamente no tabuleiro. O jogo possui colisões com as bordas do tabuleiro e com o próprio corpo da cobrinha. Após uma colisão, o jogo reinicia e mostra um alerta de "Game Over". Espero que goste!

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Certo, aqui está o jogo da Cobrinha com controles e a Maçã, incluindo uma IA que joga contra você:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Snake Game</title>
    <style>
        /* Definindo o estilo do jogo */
        body {
            background-color: #f4f4f4;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            font-family: Arial, sans-serif;
        }

canvas {
            background-color: #fff;
            border: 1px solid #ddd;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Definindo o tamanho do quadrado
            var squareSize = 20;

// Calculando o número de quadrados no canvas
            var numSquares = canvas.width / squareSize;

// Inicializando a posição da cobrinha
            var snake = [];
            snake[0] = { x: 10, y: 10 };

// Posição inicial da maçã
            var apple = { x: 15, y: 15 };

// Definindo a direção da cobrinha
            var direction;

// Evento de teclas pressionadas
            document.addEventListener("keydown", updateDirection);

// Função para atualizar a direção conforme a tecla pressionada
            function updateDirection(event) {
                if(event.keyCode == 37 && direction != "RIGHT") {
                    direction = "LEFT";
                } else if(event.keyCode == 38 && direction != "DOWN") {
                    direction = "UP";
                } else if(event.keyCode == 39 && direction != "LEFT") {
                    direction = "RIGHT";
                } else if(event.keyCode == 40 && direction != "UP") {
                    direction = "DOWN";
                }
            }

// Função para desenhar o quadro do jogo
            function draw() {
                // Limpando o canvas
                context.clearRect(0, 0, canvas.width, canvas.height);

// Desenhando a cobrinha
                for(var i = 0; i < snake.length; i++) {
                    context.fillStyle = (i === 0) ? "#000" : "#00f"; // Cabeça da cobrinha é preta, corpo é azul
                    context.fillRect(snake[i].x * squareSize, snake[i].y * squareSize, squareSize, squareSize);

context.strokeStyle = "#000"; // Bordas
                    context.strokeRect(snake[i].x * squareSize, snake[i].y * squareSize, squareSize, squareSize);
                }

// Desenhando a maçã
                context.fillStyle = "#f00";
                context.fillRect(apple.x * squareSize, apple.y * squareSize, squareSize, squareSize);

// Movendo a cobrinha
                var snakeX = snake[0].x;
                var snakeY = snake[0].y;

if(direction == "LEFT") snakeX--;
                if(direction == "UP") snakeY--;
                if(direction == "RIGHT") snakeX++;
                if(direction == "DOWN") snakeY++;

// Verificando a colisão do jogo
                if(snakeX === apple.x && snakeY === apple.y) {
                    // A cobrinha comeu a maçã, aumentando o tamanho da cobrinha
                    var tail = { x: snakeX, y: snakeY };
                    snake.unshift(tail);

// Gerando uma nova posição para a maçã
                    apple.x = Math.floor(Math.random() * numSquares);
                    apple.y = Math.floor(Math.random() * numSquares);
                } else {
                    // Removendo a última cauda da cobrinha
                    snake.pop();
                }

// Verificando colisões com as bordas do canvas
                if(snakeX < 0 || snakeY < 0 || snakeX >= numSquares || snakeY >= numSquares) {
                    // Fim de jogo, reiniciando
                    clearInterval(game);
                    alert("Game Over!");

// Reiniciando a posição da cobrinha e direção
                    snake = [];
                    snake[0] = { x: 10, y: 10 };
                    direction = "";
                    
                    // Iniciando novamente o jogo após o alerta
                    game = setInterval(draw, 150);
                }

// Verificando colisão com o próprio corpo
                for(var i = 1; i < snake.length; i++) {
                    if(snakeX === snake[i].x && snakeY === snake[i].y) {
                        // Fim de jogo, reiniciando
                        clearInterval(game);
                        alert("Game Over!");

// Reiniciando a posição da cobrinha e direção
                        snake = [];
                        snake[0] = { x: 10, y: 10 };
                        direction = "";
                        
                        // Iniciando novamente o jogo após o alerta
                        game = setInterval(draw, 150);
                    }
                }

// Movendo a cabeça da cobrinha para a nova posição
                var newHead = {
                    x: snakeX,
                    y: snakeY
                };
                snake.unshift(newHead);
            }

// Iniciando o jogo
            var game = setInterval(draw, 150);
        }
    </script>
</body>
</html>
```