Придумай игру где надо защищать пальцем круг от квадратов's game

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

No:49090

104

←

Prev Next

→

Придумай игру где надо защищать пальцем круг от кв..ALL
Developer User20833｜Date and time 24/3/3 18:23:12
Build time 8.685 sec｜Game capacity 2.51KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Защита круга</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

let circleX = canvas.width / 2;
        let circleY = canvas.height / 2;

let squares = [];

canvas.addEventListener('mousemove', (e) => {
            circleX = e.clientX - canvas.getBoundingClientRect().left;
            circleY = e.clientY - canvas.getBoundingClientRect().top;
        });

function createSquare() {
            const posX = Math.random() * canvas.width;
            const posY = Math.random() * canvas.height;
            const velX = Math.random() - 0.5;
            const velY = Math.random() - 0.5;

squares.push({ x: posX, y: posY, dx: velX, dy: velY });
        }

function drawCircle() {
            ctx.beginPath();
            ctx.arc(circleX, circleY, circleRadius, 0, Math.PI * 2);
            ctx.fillStyle = 'blue';
            ctx.fill();
            ctx.closePath();
        }

function drawSquare() {
            squares.forEach(square => {
                ctx.fillStyle = 'red';
                ctx.fillRect(square.x, square.y, squareSize, squareSize);
            });
        }

function moveSquare() {
            squares.forEach(square => {
                square.x += square.dx;
                square.y += square.dy;
            });
        }

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

createSquare();
            drawCircle();
            moveSquare();
            drawSquare();
            checkCollision();

requestAnimationFrame(gameLoop);
        }

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