AI game creator

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

No:7247

2007

←

Prev Next

→

Snake Game
Developer User3993｜Date and time 23/7/6 15:30:05
Build time 20.455 sec｜Game capacity 3.701KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo da Cobra</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
        // Inicialização do jogo
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");
        var box = 20;
        var score = 0;
        var snake = [];
        snake[0] = {x: 10 * box, y: 10 * box};
        var food = {x: Math.floor(Math.random() * 20) * box, y: Math.floor(Math.random() * 20) * box};
        var direction;

// Controle do jogo através do smartphone
        document.addEventListener("keydown", function(event){
            if(event.key == "ArrowLeft" && direction != "RIGHT"){
                direction = "LEFT";
            }else if(event.key == "ArrowUp" && direction != "DOWN"){
                direction = "UP";
            }else if(event.key == "ArrowRight" && direction != "LEFT"){
                direction = "RIGHT";
            }else if(event.key == "ArrowDown" && direction != "UP"){
                direction = "DOWN";
            }
        });

// Loop do jogo
        function gameLoop(){
            if(checkCollision()){
                clearInterval(game);
                alert("Fim de jogo! Pontuação: " + score);
                return;
            }

drawBackground();
            drawSnake();
            drawFood();
            moveSnake();
            eatFood();
        }

// Verifica se a cobra colidiu
        function checkCollision(){
            var head = snake[0];

if(head.x < 0 || head.x >= canvas.width || head.y < 0 || head.y >= canvas.height){
                return true;
            }

for(var i = 1; i < snake.length; i++){
                if(head.x == snake[i].x && head.y == snake[i].y){
                    return true;
                }
            }

return false;
        }

// Desenha o fundo do jogo
        function drawBackground(){
            context.fillStyle = "black";
            context.fillRect(0, 0, canvas.width, canvas.height);
        }

// Desenha a cobra
        function drawSnake(){
            for(var i = 0; i < snake.length; i++){
                context.fillStyle = i == 0 ? "green" : "white";
                context.fillRect(snake[i].x, snake[i].y, box, box);
                context.strokeStyle = "black";
                context.strokeRect(snake[i].x, snake[i].y, box, box);
            }
        }

// Desenha a comida
        function drawFood(){
            context.fillStyle = "red";
            context.fillRect(food.x, food.y, box, box);
            context.strokeStyle = "black";
            context.strokeRect(food.x, food.y, box, box);
        }

// Movimenta a cobra
        function moveSnake(){
            var head = {x: snake[0].x, y: snake[0].y};

if(direction == "LEFT") head.x -= box;
            if(direction == "UP") head.y -= box;
            if(direction == "RIGHT") head.x += box;
            if(direction == "DOWN") head.y += box;

snake.unshift(head);
            if(!eatFood()){
                snake.pop();
            }
        }

// Verifica se houve colisão com a comida
        function eatFood(){
            var head = snake[0];

if(head.x == food.x && head.y == food.y){
                score++;
                food.x = Math.floor(Math.random() * 20) * box;
                food.y = Math.floor(Math.random() * 20) * box;
                return true;
            }

return false;
        }

// Início do jogo
        var game = setInterval(gameLoop, 200);
    </script>
</body>
</html>