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

No:33951

Need for speed underground
Developer User15956｜Date and time 24/1/7 6:51:49
Build time 32.281 sec｜Game capacity 4.401KB｜

Script

Need for Speed Underground - Jogo

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Need for Speed Underground - Jogo</title>
</head>
<body>
    <h1>Need for Speed Underground - Jogo</h1>
    <canvas id="gameCanvas" width="800" height="400"></canvas>

// Configurações do jogo
        var gameSpeed = 3;
        var obstacleInterval = 100;
        var gravity = 1;

// Define o carro jogador
        function Car() {
            this.x = 50;
            this.y = canvas.height / 2;
            this.width = 50;
            this.height = 20;
            this.speed = 0;
            this.currentFrame = 0;
        }

// Define os obstáculos
        function Obstacle() {
            this.x = canvas.width;
            this.y = Math.random() * (canvas.height - 20);
            this.width = 20;
            this.height = 20;
            this.speed = gameSpeed;
        }

// Atualiza a posição do carro
        Car.prototype.updatePosition = function() {
            this.currentFrame++;
            if (this.currentFrame % 10 === 0) {
                this.speed += 0.5;
            }
            this.y += this.speed;
        }

// Verifica colisão com obstáculos
        Car.prototype.checkCollision = function(obstacle) {
            if (this.x < obstacle.x + obstacle.width &&
                this.x + this.width > obstacle.x &&
                this.y < obstacle.y + obstacle.height &&
                this.y + this.height > obstacle.y) {
                return true;
            }
            return false;
        }

// Desenha o carro na tela
        Car.prototype.draw = function() {
            ctx.fillStyle = "red";
            ctx.fillRect(this.x, this.y, this.width, this.height);
        }

// Atualiza a posição dos obstáculos
        Obstacle.prototype.updatePosition = function() {
            this.x -= this.speed;
        }

// Desenha os obstáculos na tela
        Obstacle.prototype.draw = function() {
            ctx.fillStyle = "blue";
            ctx.fillRect(this.x, this.y, this.width, this.height);
        }

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

// Atualiza e desenha o carro
            car.updatePosition();
            car.draw();

// Atualiza e desenha os obstáculos
            for (var i = 0; i < obstacles.length; i++) {
                obstacles[i].updatePosition();
                obstacles[i].draw();

// Verifica colisão do carro com os obstáculos
                if (car.checkCollision(obstacles[i])) {
                    gameOver();
                    return;
                }

// Remove obstáculos que saíram da tela
                if (obstacles[i].x + obstacles[i].width < 0) {
                    obstacles.splice(i, 1);
                    i--;
                    score++;
                }
            }

// Adiciona obstáculos ao jogo
            if (score % obstacleInterval === 0) {
                obstacles.push(new Obstacle());
            }

// Atualiza a pontuação do jogador
            ctx.fillStyle = "black";
            ctx.font = "20px Arial";
            ctx.fillText("Pontuação: " + score, 10, 30);

// Loop do jogo
            requestAnimationFrame(gameLoop);
        }

// Função de game over
        function gameOver() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.fillStyle = "black";
            ctx.font = "40px Arial";
            ctx.fillText("Game Over", 300, 200);
        }

// Inicialização do jogo
        function startGame() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");
            car = new Car();
            obstacles = [];
            score = 0;

// Controles do jogo para smartphone
            window.addEventListener("touchstart", function(event) {
                car.speed = -10;
            });

// Inicia o loop do jogo
            gameLoop();
        }

// Chama a função de inicialização ao carregar a página
        window.onload = function() {
            startGame();
        };
    </script>
</body>
</html>