Shoot the fish for money's game | AI game creator

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

No:50752

121

Shoot the fish for money
Developer User21396｜Date and time 24/3/9 13:44:02
Build time 4.797 sec｜Game capacity 1.373KB｜

→ 　

0　

0　

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

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

(C)2023 HisashiApp

<script>
    const canvas = document.createElement("canvas");
    canvas.width = 800;
    canvas.height = 600;
    document.body.appendChild(canvas);
    
    const ctx = canvas.getContext("2d");
    
    const fish = {
        x: 100,
        y: 100,
        size: 50
    };
    
    let money = 0;
    
    function drawFish() {
        ctx.fillStyle = "blue";
        ctx.fillRect(fish.x, fish.y, fish.size, fish.size);
    }
    
    function drawMoney() {
        ctx.font = "20px Arial";
        ctx.fillStyle = "black";
        ctx.fillText("Money: $" + money, 10, 30);
    }
    
    function shootFish(event) {
        const rect = canvas.getBoundingClientRect();
        const mouseX = event.clientX - rect.left;
        const mouseY = event.clientY - rect.top;
        
        if (mouseX >= fish.x && mouseX <= fish.x + fish.size &&
            mouseY >= fish.y && mouseY <= fish.y + fish.size) {
            
            money += 10;
            fish.x = Math.random() * (canvas.width - fish.size);
            fish.y = Math.random() * (canvas.height - fish.size);
        }
    }
    
    canvas.addEventListener("click", shootFish);
    
    function gameLoop() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        
        drawFish();
        drawMoney();
        
        requestAnimationFrame(gameLoop);
    }
    
    gameLoop();
</script>