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

No:42072

109

←

Prev Next

→

Catching fish and upgrade the jook
Developer User18785｜Date and time 24/2/10 12:36:36
Build time 7.098 sec｜Game capacity 2.23KB｜

Script

Fishing Game

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Fishing Game</title>
</head>
<body>
    <h1>Fishing Game</h1>
    
    <canvas id="gameCanvas" width="500" height="400"></canvas>

// Set initial game state
        let fish = {
            x: 50,
            y: canvas.height / 2,
            width: 50,
            height: 30
        };
        let score = 0;
        let isGameOver = false;

// Function to draw the fish on the canvas
        function drawFish() {
            ctx.fillStyle = "blue";
            ctx.fillRect(fish.x, fish.y, fish.width, fish.height);
        }

// Function to draw the score on the canvas
        function drawScore() {
            ctx.font = "18px Arial";
            ctx.fillStyle = "black";
            ctx.fillText("Score: " + score, 10, 20);
        }

// Function to handle collision
        function checkCollision() {
            if (fish.x + fish.width >= canvas.width) {
                isGameOver = true;
            }
        }

// Function to update game state
        function update() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

if (!isGameOver) {
                fish.x += 2; // Move the fish

checkCollision(); // Check for collision

drawFish(); // Draw the fish
                drawScore(); // Draw the score

requestAnimationFrame(update);
            } else {
                ctx.font = "30px Arial";
                ctx.fillStyle = "red";
                ctx.fillText("Game Over! Final Score: " + score, 100, canvas.height / 2 - 15);
            }
        }

// Function to handle key input
        function handleKeyInput(event) {
            if (event.keyCode === 32) { // Spacebar key
                if (!isGameOver) {
                    score++; // Increase the score
                }
            }
        }

// Add event listener for key input
        document.addEventListener("keydown", handleKeyInput);

// Start the game
        update();
    </script>
</body>
</html>