You are a fish and dodge sharks's game

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

No:47665

←

Prev Next

→

You are a fish and dodge sharks
Developer User20597｜Date and time 24/2/29 3:22:35
Build time 10.842 sec｜Game capacity 2.828KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Fish Dodger</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

const fish = { x: canvas.width / 2, y: canvas.height / 2, size: 20 };
        const sharks = [];

function drawFish() {
            ctx.fillStyle = 'blue';
            ctx.beginPath();
            ctx.arc(fish.x, fish.y, fish.size, 0, Math.PI * 2);
            ctx.fill();
        }

function drawShark(shark) {
            ctx.fillStyle = 'red';
            ctx.fillRect(shark.x, shark.y, shark.size, shark.size);
        }

function createShark() {
            const shark = {
                x: Math.random() * canvas.width,
                y: Math.random() * canvas.height,
                size: 30,
                speed: Math.random() * 4 + 1
            };
            sharks.push(shark);
        }

function moveSharks() {
            sharks.forEach(shark => {
                const dx = fish.x - shark.x;
                const dy = fish.y - shark.y;
                const angle = Math.atan2(dy, dx);
                shark.x += Math.cos(angle) * shark.speed;
                shark.y += Math.sin(angle) * shark.speed;
            });
        }

function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

drawFish();
            moveSharks();
            sharks.forEach(drawShark);
            checkCollision();

requestAnimationFrame(gameLoop);
        }

setInterval(createShark, 1000);

gameLoop();
    </script>
</body>
</html>
```