AI game creator

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

No:45558

←

Prev Next

→

Catch ship
Developer User19614｜Date and time 24/2/20 20:22:20
Build time 5.908 sec｜Game capacity 1.134KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Catch the Ship Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

function drawShip() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.fillStyle = 'blue';
            ctx.fillRect(shipX, shipY, 20, 20);
        }

function moveShip(event) {
            const rect = canvas.getBoundingClientRect();
            shipX = event.clientX - rect.left - 10;
            shipY = event.clientY - rect.top - 10;
        }

canvas.addEventListener('mousemove', moveShip);

function gameLoop() {
            drawShip();
            requestAnimationFrame(gameLoop);
        }

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