Шарик летает за точкой касания экрана. Летает медленно. Нужно найти три красных ключа. Тогда открывается новый уровень. На каждом уровне стены стоят случайно.'s game

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

No:50914

213

←

Prev Next

→

Шарик летает за точкой касания экрана. Летает медл..ALL
Developer User19457｜Date and time 24/3/10 7:23:42
Build time 7.186 sec｜Game capacity 2.587KB｜

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 name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Игра с шариком</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>

let ballX = canvas.width / 2;
        let ballY = canvas.height / 2;
        let dx = 0;
        let dy = 0;

let keyCount = 0;
        let level = 1;

function drawBall() {
            ctx.beginPath();
            ctx.arc(ballX, ballY, 10, 0, Math.PI * 2);
            ctx.fillStyle = "red";
            ctx.fill();
            ctx.closePath();
        }

function drawKey(x, y) {
            ctx.beginPath();
            ctx.rect(x, y, 20, 20);
            ctx.fillStyle = "red";
            ctx.fill();
            ctx.closePath();
        }

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

// Draw walls
            for (let i = 0; i < 5; i++) {
                let wallX = Math.random() * canvas.width;
                let wallY = Math.random() * canvas.height;
                ctx.fillRect(wallX, wallY, 20, 100);
            }

// Draw keys
            drawKey(50, 50);
            drawKey(100, 150);
            drawKey(200, 100);
        }

function moveBall() {
            ballX += dx;
            ballY += dy;
        }

if (keyCount === 3) {
                level++;
                keyCount = 0;
            }
        }

function update() {
            moveBall();
            checkKey();
            drawWalls();
            drawBall();

if (level < 3) {
                requestAnimationFrame(update);
            } else {
                alert("Поздравляю! Вы прошли все уровни!");
            }
        }

canvas.addEventListener("touchstart", function(e) {
            dx = (e.touches[0].clientX - ballX) / 50;
            dy = (e.touches[0].clientY - ballY) / 50;
        });

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