In this game you are a shark and needs to eat fish to survive your only goal is to grow big and strong's game

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

No:10900

←

Prev Next

→

In this game you are a shark and needs to eat fish..ALL
Developer User4715｜Date and time 23/8/5 20:12:17
Build time 22.971 sec｜Game capacity 2.663KB｜

Script

←

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">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Shark Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Set initial game parameters
        var sharkSize = 10; // initial size of the shark
        var fishSize = 5; // initial size of the fish
        var sharkX = canvas.width / 2; // initial x position of the shark
        var sharkY = canvas.height / 2; // initial y position of the shark
        var fishX = Math.random() * (canvas.width - fishSize); // initial x position of the fish
        var fishY = Math.random() * (canvas.height - fishSize); // initial y position of the fish

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

// Draw the shark
            ctx.fillStyle = "blue";
            ctx.fillRect(sharkX, sharkY, sharkSize, sharkSize);

// Draw the fish
            ctx.fillStyle = "orange";
            ctx.fillRect(fishX, fishY, fishSize, fishSize);

// Check if shark collides with the fish
            if (sharkX < fishX + fishSize &&
                sharkX + sharkSize > fishX &&
                sharkY < fishY + fishSize &&
                sharkY + sharkSize > fishY) {
                // Increase the shark's size
                sharkSize += 5;

// Generate new random position for the fish
                fishX = Math.random() * (canvas.width - fishSize);
                fishY = Math.random() * (canvas.height - fishSize);
            }
        }

// Function to handle key press events
        function handleKeyPress(event) {
            var key = event.key;
            var speed = 5; // control the speed of shark movement

if (key === "ArrowUp") {
                sharkY -= speed;
            } else if (key === "ArrowDown") {
                sharkY += speed;
            } else if (key === "ArrowLeft") {
                sharkX -= speed;
            } else if (key === "ArrowRight") {
                sharkX += speed;
            }
        }

// Add event listener for key press events
        window.addEventListener("keydown", handleKeyPress);

// Start the game loop
        setInterval(update, 20);
    </script>
</body>
</html>