Make a blue ball that can jump and move with your control's game

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

No:19833

←

Prev Next

→

Make a blue ball that can jump and move with your ..ALL
Developer User8801｜Date and time 23/10/7 3:53:57
Build time 17.005 sec｜Game capacity 3.174KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>لعبة الكرة الزرقاء</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// تحديد الكرة الزرقاء
    var blueBall = {
      x: 200, // الموضع الأفقي الأولي
      y: 200, // الموضع العمودي الأولي
      radius: 25, // نصف القطر
      speed: 5, // سرعة الحركة
      dx: 0, // التغير في الموضع الأفقي
      dy: 0, // التغير في الموضع العمودي
      jumping: false // حالة القفز
    };

// تحديث اللعبة
    function update() {
      // مسح لوحة اللعبة
      context.clearRect(0, 0, canvas.width, canvas.height);

// رسم الكرة الزرقاء
      context.beginPath();
      context.arc(blueBall.x, blueBall.y, blueBall.radius, 0, Math.PI * 2);
      context.fillStyle = "blue";
      context.fill();
      context.closePath();

// تحديث الموضع الأفقي والعمودي للكرة الزرقاء بناءً على التغيير
      blueBall.x += blueBall.dx;
      blueBall.y += blueBall.dy;

// امنح الكرة الزرقاء قوة الجاذبية
      blueBall.dy += 0.5;

// التحقق من الحدود الجانبية
      if (blueBall.x + blueBall.radius > canvas.width) {
        blueBall.x = canvas.width - blueBall.radius;
      } else if (blueBall.x - blueBall.radius < 0) {
        blueBall.x = blueBall.radius;
      }

// التحقق من الحدود العلوية والسفلية
      if (blueBall.y + blueBall.radius > canvas.height) {
        blueBall.y = canvas.height - blueBall.radius;
        blueBall.jumping = false;
      } else if (blueBall.y - blueBall.radius < 0) {
        blueBall.y = blueBall.radius;
      }
    }

// التحكم باستخدام الأزرار
    function keyDownHandler(event) {
      if (event.key == "ArrowUp" && !blueBall.jumping) {
        blueBall.dy = -10; // ارتفاع الكرة الزرقاء عند القفز
        blueBall.jumping = true;
      } else if (event.key == "ArrowRight") {
        blueBall.dx = blueBall.speed; // سرعة الحركة في الاتجاه الأيمن
      } else if (event.key == "ArrowLeft") {
        blueBall.dx = -blueBall.speed; // سرعة الحركة في الاتجاه الأيسر
      }
    }

function keyUpHandler(event) {
      if (event.key == "ArrowRight" || event.key == "ArrowLeft") {
        blueBall.dx = 0; // إيقاف الحركة الأفقية عند ترك زر التوجيه
      }
    }

// ربط المناسبات بالتحكم
    document.addEventListener("keydown", keyDownHandler, false);
    document.addEventListener("keyup", keyUpHandler, false);

// تنفيذ عملية التحديث بشكل متكرر
    setInterval(update, 20);
  </script>
</body>
</html>