A fishing game where you need to collect the rare fruit while there is other things like fishes, Boots, and others's game

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

No:44493

←

Prev Next

→

A fishing game where you need to collect the rare ..ALL
Developer User19400｜Date and time 24/2/18 6:05:07
Build time 6.79 sec｜Game capacity 2.18KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Fishing Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');
        
        let playerX = 100;
        let playerY = 100;
        let fruits = [];
        let score = 0;
        
        function drawPlayer() {
            ctx.fillStyle = 'green';
            ctx.fillRect(playerX, playerY, 50, 50);
        }
        
        function drawFruits() {
            for (let fruit of fruits) {
                ctx.fillStyle = 'red';
                ctx.fillRect(fruit.x, fruit.y, 30, 30);
            }
        }
        
        function checkCollisions() {
            for (let fruit of fruits) {
                if (playerX < fruit.x + 30 &&
                    playerX + 50 > fruit.x &&
                    playerY < fruit.y + 30 &&
                    playerY + 50 > fruit.y) {
                    fruits.splice(fruits.indexOf(fruit), 1);
                    score++;
                }
            }
        }
        
        function generateRandomFruit() {
            fruits.push({ x: Math.random() * 750, y: Math.random() * 550 });
        }
        
        function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawPlayer();
            drawFruits();
            checkCollisions();
            ctx.font = "30px Arial";
            ctx.fillText("Score: " + score, 10, 50);
            
            if (fruits.length < 3) {
                generateRandomFruit();
            }
            
            requestAnimationFrame(gameLoop);
        }
        
        document.addEventListener('keydown', function(event) {
            if (event.key === 'ArrowUp') {
                playerY -= 10;
            } else if (event.key === 'ArrowDown') {
                playerY += 10;
            } else if (event.key === 'ArrowLeft') {
                playerX -= 10;
            } else if (event.key === 'ArrowRight') {
                playerX += 10;
            }
        });
        
        gameLoop();
    </script>
</body>
</html>