As un juego en 2d de carreras esquibando obstaculos.'s game

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

No:15128

←

Prev Next

→

As un juego en 2d de carreras esquibando obstaculo..ALL
Developer User6530｜Date and time 23/9/6 11:32:08
Build time 25.995 sec｜Game capacity 3.096KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Carrera de obstáculos</title>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>
    <script>
        // Variables de juego
        var canvas, canvasContext;
        var playerX = 50, playerY = 200;
        var playerWidth = 50, playerHeight = 50;
        var obstacleWidth = 20, obstacleHeight = 100;
        var obstacleX = 500, obstacleY = 200;
        var score = 0;

// Función principal del juego
        function gameLoop() {
            move();
            draw();
        }

// Función para mover el jugador y los obstáculos
        function move() {
            // Mover el jugador hacia arriba o abajo según la inclinación del teléfono
            // (Implementación específica del hardware del teléfono)
            var phoneInclination = obtenerInclinacionTelefono(); // Función hipotética
            playerY += phoneInclination * 5;

// Mover el obstáculo hacia la izquierda
            obstacleX -= 5;

// Verificar colisiones entre el jugador y el obstáculo
            if (checkCollision()) {
                // Reiniciar el juego si hay colisión
                resetGame();
            }

// Incrementar la puntuación cada vez que se mueve el obstáculo
            score += 1;
        }

// Función para dibujar los elementos del juego en el lienzo
        function draw() {
            // Limpiar el lienzo
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);

// Dibujar el jugador
            canvasContext.fillStyle = "blue";
            canvasContext.fillRect(playerX, playerY, playerWidth, playerHeight);

// Dibujar el obstáculo
            canvasContext.fillStyle = "red";
            canvasContext.fillRect(obstacleX, obstacleY, obstacleWidth, obstacleHeight);

// Mostrar la puntuación en la parte superior derecha del lienzo
            canvasContext.font = "bold 20px Arial";
            canvasContext.fillStyle = "black";
            canvasContext.fillText("Puntuación: " + score, canvas.width - 150, 30);
        }

// Función para reiniciar el juego
        function resetGame() {
            playerX = 50;
            playerY = 200;
            obstacleX = 500;
            score = 0;
        }

// Función para verificar colisiones entre el jugador y el obstáculo
        function checkCollision() {
            if (playerX + playerWidth > obstacleX && 
                playerX < obstacleX + obstacleWidth &&
                playerY + playerHeight > obstacleY &&
                playerY < obstacleY + obstacleHeight) {
                return true;
            }
            return false;
        }

// Iniciar el juego cuando se carga la página
        window.onload = function() {
            canvas = document.getElementById("gameCanvas");
            canvasContext = canvas.getContext("2d");
            setInterval(gameLoop, 1000 / 60); // Ejecutar el gameLoop 60 veces por segundo
        };
    </script>
</body>
</html>