A ball you can control it up down lest right's game

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

No:19728

←

Prev Next

→

A ball you can control it up down lest right
Developer User8801｜Date and time 23/10/6 8:41:14
Build time 22.126 sec｜Game capacity 3.022KB｜

Script

لا مشكلة! ها هو الكود الذي يمكنك نسخه واستخدامه في متصفحك:

في هذه اللعبة، ستتحكم في الكرة باستخدام أزرار الاتجاه على لوحة المفاتيح. يمكنك تحريك الكرة للأعلى، الأسفل، اليسار واليمين. الكرة ستتحرك بسرعة ثابتة عند الضغط على زر. ستظهر الكرة كدائرة خضراء على لوحة الرسم. يتم تحديث موقع الكرة ورسمها في كل إطار للحفاظ على حركة سلسة. أتمنى أن تستمتع بلعبة الكرة!

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

لا مشكلة! ها هو الكود الذي يمكنك نسخه واستخدامه في متصفحك:

```html
<!DOCTYPE html>
<html>
<head>
    <title>لعبة الكرة</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
        // انشاء الكرة
        var ball = {
            x: 200,    // الموضع الافتراضي للكرة في المحور الأفقي
            y: 200,    // الموضع الافتراضي للكرة في المحور الرأسي
            speed: 5,  // سرعة حركة الكرة
            size: 20    // حجم الكرة
        };

// انشاء اللوحة التي سنرسم عليها الكرة
        var canvas = document.getElementById("gameCanvas");
        var ctx = canvas.getContext("2d");

// دالة المعالجة الرئيسية
        function gameLoop() {
            update();   // تحديث موقع الكرة
            draw();     // رسم الكرة في الموقع الجديد
        }

// دالة تحديث موقع الكرة بناءً على الإدخال
        function update() {
            // الحصول على الإدخال من المستخدم
            document.onkeydown = function(event) {
                if (event.keyCode == 37) {
                    // الحركة إلى اليسار
                    ball.x -= ball.speed;
                }
                else if (event.keyCode == 39) {
                    // الحركة إلى اليمين
                    ball.x += ball.speed;
                }
                else if (event.keyCode == 38) {
                    // الحركة للأعلى
                    ball.y -= ball.speed;
                }
                else if (event.keyCode == 40) {
                    // الحركة للأسفل
                    ball.y += ball.speed;
                }
            };
        }

// دالة رسم الكرة في الموقع الجديد
        function draw() {
            // مسح اللوحة
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// رسم الكرة
            ctx.beginPath();
            ctx.arc(ball.x, ball.y, ball.size, 0, 2 * Math.PI);
            ctx.fillStyle = "green";
            ctx.fill();
            ctx.closePath();
        }

// بدء تشغيل اللعبة
        setInterval(gameLoop, 20);
    </script>
</body>
</html>
```

أتمنى أن تستمتع بلعبة الكرة!