A blue ball that you can control up down left right's game

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

No:19757

←

Prev Next

→

A blue ball that you can control up down left righ..ALL
Developer User8801｜Date and time 23/10/6 18:25:09
Build time 15.989 sec｜Game capacity 2.495KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>تحكم بكرة زرقاء</title>
    <style>
        #canvas {
            border: 1px solid black;
            background-color: lightblue;
        }
    </style>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>

// مهمة تنفيذ اللعبة
        function startGame() {
            canvas = document.getElementById("canvas");
            context = canvas.getContext("2d");
            playerX = canvas.width / 2;
            playerY = canvas.height / 2;

document.addEventListener("keydown", moveBall);

setInterval(updateGame, 1000 / 60); // تحديث اللعبة 60 مرة في الثانية
        }

// تحديث اللعبة
        function updateGame() {
            clearCanvas();
            drawBall(playerX, playerY);
        }

// رسم الكرة
        function drawBall(x, y) {
            context.beginPath();
            context.arc(x, y, 20, 0, 2 * Math.PI);
            context.fillStyle = "blue";
            context.fill();
        }

// تحريك الكرة
        function moveBall(event) {
            var keyPressed = event.keyCode;
            
            // تحريك للأعلى
            if (keyPressed === 38) {
                if (playerY >= 30) {
                    playerY -= 10;
                }
            }
            
            // تحريك للأسفل
            if (keyPressed === 40) {
                if (playerY <= canvas.height - 30) {
                    playerY += 10;
                }
            }
            
            // تحريك لليمين
            if (keyPressed === 39) {
                if (playerX <= canvas.width - 30) {
                    playerX += 10;
                }
            }
            
            // تحريك لليسار
            if (keyPressed === 37) {
                if (playerX >= 30) {
                    playerX -= 10;
                }
            }
        }

// مسح لوحة الرسم
        function clearCanvas() {
            context.clearRect(0, 0, canvas.width, canvas.height);
        }
    </script>
</body>
</html>