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

No:24133

Tiro de feria con una escopeta de feria tienes 7 t..ALL
Developer User11313｜Date and time 23/11/6 2:45:08
Build time 50.681 sec｜Game capacity 2.684KB｜

Script

Tiro de Feria

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Tiro de Feria</title>
</head>
<body>
    <h1>Tiro de Feria</h1>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
        // Get the game canvas
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");
        
        // Game variables
        let shots = 7;
        let cans = 6;
        
        // Event listener for mouse click
        canvas.addEventListener("click", shoot);
        
        // Draw the initial game state
        drawGame();
        
        // Function to handle shooting
        function shoot(event) {
            // Decrease shots count
            shots--;
            
            // Get the mouse click position
            const rect = canvas.getBoundingClientRect();
            const mouseX = event.clientX - rect.left;
            const mouseY = event.clientY - rect.top;
            
            // Check if a can is hit
            if (mouseX < 200 && mouseY < 200) {
                cans--;
            }
            
            // Update the game state
            drawGame();
            
            // Check if the game is over
            if (shots === 0 || cans === 0) {
                endGame();
            }
        }
        
        // Function to draw the game state
        function drawGame() {
            // Clear the canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            // Draw the remaining shots
            ctx.font = "20px Arial";
            ctx.fillText("Tiros restantes: " + shots, 10, 30);
            
            // Draw the remaining cans
            ctx.fillText("Latas restantes: " + cans, 10, 60);
            
            // Draw the cans
            for (let i = 0; i < cans; i++) {
                ctx.fillStyle = "#333";
                ctx.fillRect(50 + i * 60, 200, 50, 100);
            }
            
            // Draw the shooting area
            ctx.fillStyle = "lightgray";
            ctx.fillRect(0, 0, 200, 200);
        }
        
        // Function to end the game
        function endGame() {
            // Clear the canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            // Display the game over message
            ctx.font = "40px Arial";
            ctx.fillStyle = "red";
            ctx.fillText("Game Over", 100, 200);
            
            // Disable further shooting
            canvas.removeEventListener("click", shoot);
        }
    </script>
</body>
</html>