Arm Extension Catcher II's game

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

No:7712

9316

←

Prev Next

→

Arm Extension Catcher II
Developer anonymous｜Date and time 70/1/1 9:58:58
Build time unknown sec｜Game capacity 3.538KB｜

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">
    <title>腕を伸ばしキャッチャーII</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

const characterSize = 40;
        const characterSpeed = 4;
        const maxItems = 15;
        const itemSize = 20;
        const items = [];

let characterX = (canvas.width - characterSize) / 2;
        let characterY = (canvas.height - characterSize) / 2;

let score = 0;

function drawCharacter() {
            ctx.fillStyle = "yellow";
            ctx.fillRect(characterX, characterY, characterSize, characterSize);
        }

function drawItems() {
            for (let i = 0; i < items.length; i++) {
                ctx.fillStyle = "green";
                ctx.fillRect(items[i].x, items[i].y, itemSize, itemSize);
            }
        }

function drawScore() {
            ctx.fillStyle = "black";
            ctx.font = "20px Arial";
            ctx.fillText("Score: " + score, 10, 30);
        }

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

function gameLoop() {
            clearCanvas();

drawCharacter();
            drawItems();
            drawScore();

generateItems();
            collectItems();

requestAnimationFrame(gameLoop);
        }

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