Un juego donde controlamos un auto que avanza solo,lo único que controlaremos es el volante para doblar,tenemos que esquivar 20 cosas doblando,cada una en un lugar aleatorio,si chocamos con una perderemos,si logramos esquivar todas las cosas,ganaremos.'s game

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

No:40268

←

Prev Next

→

Un juego donde controlamos un auto que avanza solo..ALL
Developer User18058｜Date and time 24/2/2 7:28:52
Build time 16.101 sec｜Game capacity 4.934KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Esquivar Objetos - Juego</title>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>

// Generar obstáculos aleatorios
        function generateObstacles() {
            for (let i = 0; i < obstacleCount; i++) {
                const obstacle = {
                    x: Math.random() * (canvas.width - obstacleSize),
                    y: (i + 1) * (canvas.height / (obstacleCount + 1))
                };
                obstacles.push(obstacle);
            }
        }

// Dibujar el auto y los obstáculos en el canvas
        function draw() {
            // Limpiar el canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Dibujar el auto
            context.save();
            context.translate(carPosition.x, carPosition.y);
            context.rotate(steeringAngle * Math.PI / 180);
            context.drawImage(carImage, -carSize / 2, -carSize / 2, carSize, carSize);
            context.restore();

// Dibujar los obstáculos
            obstacles.forEach(obstacle => {
                context.drawImage(obstacleImage, obstacle.x, obstacle.y, obstacleSize, obstacleSize);
            });
        }

// Verificar colisiones
        function checkCollision() {
            for (let i = 0; i < obstacles.length; i++) {
                const obstacle = obstacles[i];
                if (
                    carPosition.x - carSize / 2 < obstacle.x + obstacleSize &&
                    carPosition.x + carSize / 2 > obstacle.x &&
                    carPosition.y - carSize / 2 < obstacle.y + obstacleSize &&
                    carPosition.y + carSize / 2 > obstacle.y
                ) {
                    // Colisión detectada
                    return true;
                }
            }
            return false;
        }

// Actualizar la posición del auto
        function updateCarPosition() {
            carPosition.x += Math.sin(steeringAngle * Math.PI / 180) * 2;
            carPosition.y -= Math.cos(steeringAngle * Math.PI / 180) * 2; // El auto avanza solo

// Verificar colisión con los bordes del canvas
            if (
                carPosition.x - carSize / 2 < 0 ||
                carPosition.x + carSize / 2 > canvas.width ||
                carPosition.y - carSize / 2 < 0 ||
                carPosition.y + carSize / 2 > canvas.height
            ) {
                // Colisión detectada
                return true;
            }

return false;
        }

// Actualizar el juego en cada frame
        function updateGame() {
            if (!checkCollision()) {
                // Si no hay colisión, actualizar la posición del auto
                if (!updateCarPosition()) {
                    draw();
                    requestAnimationFrame(updateGame);
                } else {
                    // El juego ha terminado (colisión con el borde del canvas)
                    alert("Perdiste. Intenta de nuevo.");
                    resetGame();
                }
            } else {
                // El juego ha terminado (colisión con obstáculo)
                alert("Perdiste. Intenta de nuevo.");
                resetGame();
            }
        }

// Reiniciar el juego
        function resetGame() {
            carPosition = carStartPosition;
            obstacles = [];
            generateObstacles();
            requestAnimationFrame(updateGame);
        }

// Manejar la interacción del volante usando los botones
        function handleSteering(direction) {
            if (direction === "left") {
                steeringAngle -= steeringSpeed;
            } else if (direction === "right") {
                steeringAngle += steeringSpeed;
            }
        }

// Generar obstáculos iniciales
        generateObstacles();
        updateGame();

</script>