Juego de carreras con nitro y cheques a otros autos en 3D's game

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

No:21778

←

Prev Next

→

Juego de carreras con nitro y cheques a otros auto..ALL
Developer User10073｜Date and time 23/10/18 9:26:40
Build time 98.639 sec｜Game capacity 5.302KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Juego de Carreras en 3D</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <canvas id="game"></canvas>
    </div>

// Variables de juego
        var carWidth = 50;
        var carHeight = 100;
        var carX = canvas.width / 2 - carWidth / 2;
        var carY = canvas.height - carHeight - 20;
        var carSpeed = 5;
        var opponentCarWidth = 50;
        var opponentCarHeight = 100;
        var opponentCarX = Math.random() * (canvas.width - opponentCarWidth);
        var opponentCarY = 0 - opponentCarHeight;
        var opponentCarSpeed = 5;
        var nitroActive = false;
        var nitroFuel = 100;
        var nitroConsumptionRate = 2;
        var nitroRegenerationRate = 1;
        var score = 0;

// Función para dibujar el automóvil del jugador
        function drawCar() {
            ctx.fillStyle = "red";
            ctx.fillRect(carX, carY, carWidth, carHeight);
        }

// Función para dibujar el automóvil oponente
        function drawOpponentCar() {
            ctx.fillStyle = "blue";
            ctx.fillRect(opponentCarX, opponentCarY, opponentCarWidth, opponentCarHeight);
        }

// Función para dibujar el marcador
        function drawScore() {
            ctx.fillStyle = "black";
            ctx.font = "20px Arial";
            ctx.fillText("Puntaje: " + score, 10, 30);
        }

// Función para manejar el movimiento del automóvil del jugador
        function moveCar(direction) {
            if (direction === "left" && carX > 0) {
                carX -= carSpeed;
            } else if (direction === "right" && carX + carWidth < canvas.width) {
                carX += carSpeed;
            }
        }

// Función para manejar el movimiento del automóvil oponente
        function moveOpponentCar() {
            opponentCarY += opponentCarSpeed;

// Verificar colisión con el automóvil del jugador
            if (opponentCarY + opponentCarHeight > carY && opponentCarY < carY + carHeight && opponentCarX + opponentCarWidth > carX && opponentCarX < carX + carWidth) {
                gameOver();
            }

// Verificar si el automóvil oponente llega al final de la pista
            if (opponentCarY > canvas.height) {
                score++;
                opponentCarY = 0 - opponentCarHeight;
                opponentCarX = Math.random() * (canvas.width - opponentCarWidth);
            }
        }

// Función para manejar el uso de nitro
        function activateNitro() {
            if (nitroFuel > 0) {
                nitroActive = true;
                nitroFuel -= nitroConsumptionRate;
                carSpeed = 10;
            }
        }

// Función para desactivar el nitro
        function deactivateNitro() {
            nitroActive = false;
            carSpeed = 5;
        }

// Función para manejar la regeneración de nitro
        function regenerateNitro() {
            if (!nitroActive && nitroFuel < 100) {
                nitroFuel += nitroRegenerationRate;
            }
        }

// Función para dibujar el nivel de nitro
        function drawNitroLevel() {
            ctx.fillStyle = "gray";
            ctx.fillRect(10, canvas.height - 30, 100, 20);
            ctx.fillStyle = "yellow";
            ctx.fillRect(10, canvas.height - 30, nitroFuel, 20);
        }

// Función para dibujar todo en la pantalla
        function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawCar();
            drawOpponentCar();
            drawScore();
            drawNitroLevel();
        }

// Función de bucle de animación
        function animate() {
            draw();
            moveOpponentCar();
            regenerateNitro();

if (nitroActive) {
                deactivateNitro();
            }

requestAnimationFrame(animate);
        }

// Función para registrar eventos de teclado para mover el automóvil
        function handleKeyDown(event) {
            if (event.keyCode === 37) {
                moveCar("left");
            } else if (event.keyCode === 39) {
                moveCar("right");
            } else if (event.keyCode === 32) {
                activateNitro();
            }
        }

// Función para reiniciar el juego
        function restartGame() {
            score = 0;
            carX = canvas.width / 2 - carWidth / 2;
            opponentCarX = Math.random() * (canvas.width - opponentCarWidth);
            opponentCarY = 0 - opponentCarHeight;
            nitroFuel = 100;
            animate();
        }

// Función para terminar el juego
        function gameOver() {
            alert("¡Colisión! ¡Tu puntaje final fue: " + score + "!");
            restartGame();
        }

// Event listeners
        document.addEventListener("keydown", handleKeyDown);

// Iniciar el juego
        restartGame();
    </script>
</body>
</html>