Crea un juego de un auto que se mueve lento en círculos tres veces's game

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

No:41541

←

Prev Next

→

Crea un juego de un auto que se mueve lento en cír..ALL
Developer User18516｜Date and time 24/2/8 7:13:14
Build time 7.07 sec｜Game capacity 1.927KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Auto en movimiento circular</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Define las propiedades del auto
        const carSize = 50;
        let carX = canvas.width / 2;
        let carY = canvas.height / 2;
        let angle = 0;
        let laps = 0;

// Función para dibujar el auto
        function drawCar() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

ctx.beginPath();
            ctx.rect(carX - carSize / 2, carY - carSize / 2, carSize, carSize);
            ctx.fillStyle = "blue";
            ctx.fill();
            ctx.closePath();
        }

// Función para mover el auto en círculos
        function moveCar() {
            const centerX = canvas.width / 2;
            const centerY = canvas.height / 2;
            const radius = 100;

angle += 0.05;
            carX = centerX + Math.cos(angle) * radius;
            carY = centerY + Math.sin(angle) * radius;

drawCar();

if (angle >= Math.PI * 2) {
                laps++;
                if (laps < 3) {
                    angle = 0;
                } else {
                    endGame();
                }
            }

requestAnimationFrame(moveCar);
        }

// Función para mostrar el mensaje de fin del juego
        function endGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.font = "30px Arial";
            ctx.fillStyle = "black";
            ctx.textAlign = "center";
            ctx.fillText("¡Fin del Juego!", canvas.width / 2, canvas.height / 2);
        }

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