لعبة الهروب من الوحش's game

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

No:38357

←

Prev Next

→

لعبة الهروب من الوحش
Developer User6662｜Date and time 24/1/24 17:02:00
Build time 18.087 sec｜Game capacity 3.77KB｜

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>

// المستعدة عند تحميل الصفحة
    window.onload = function() {
      canvas = document.getElementById("gameCanvas");
      canvasContext = canvas.getContext("2d");

// التحكم بحركة اللاعب عبر الشاشة
      canvas.addEventListener("touchstart", handleTouchStart, false);
      canvas.addEventListener("touchmove", handleTouchMove, false);

// تنفيذ دالة الرسم كل 30 ميلي ثانية
      setInterval(function() {
        moveEverything();
        drawEverything();
      }, 30);
    };

// دالة للتحكم بحركة اللاعب
    function handleTouchStart(e) {
      if (gameOver) {
        gameOver = false;
        resetGame();
        return;
      }

e.preventDefault();
      var touch = e.touches[0];
      var touchX = touch.pageX - canvas.offsetLeft;
      var touchY = touch.pageY - canvas.offsetTop;
      
      // التحقق من وجهة اللمس لتحريك اللاعب
      if (touchX > playerX) {
        playerX += playerSpeed;
      } else if (touchX < playerX) {
        playerX -= playerSpeed;
      }

if (touchY > playerY) {
        playerY += playerSpeed;
      } else if (touchY < playerY) {
        playerY -= playerSpeed;
      }
    }

// دالة لرسم الشاشة
    function drawEverything() {
      // رسم خلفية اللعبة
      colorRect(0, 0, canvas.width, canvas.height, "black");

// رسم اللاعب
      colorCircle(playerX, playerY, 10, "white");

// رسم الوحش
      colorCircle(monsterX, monsterY, 15, "red");

// رسم نص إعلان الفوز
      if (gameOver) {
        canvasContext.fillStyle = "white";
        canvasContext.font = "30px Arial";
        canvasContext.fillText("لقد نجوت!", 135, 200);
        canvasContext.font = "20px Arial";
        canvasContext.fillText("اضغط للعب مرة أخرى", 120, 240);
      }
    }

// دالة لتحريك اللاعب والوحش
    function moveEverything() {
      if (gameOver) {
        return;
      }

monsterX += monsterSpeed;

// التحقق من اصطدام اللاعب بالوحش
      if (
        playerX < monsterX + 10 &&
        playerX + 10 > monsterX &&
        playerY < monsterY + 15 &&
        playerY + 15 > monsterY
      ) {
        gameOver = true;
      }

// التحقق من حدود الشاشة لإنهاء اللعبة
      if (
        monsterX > canvas.width + 15 ||
        playerX < -10 ||
        playerX > canvas.width + 10 ||
        playerY < -15 ||
        playerY > canvas.height + 15
      ) {
        gameOver = true;
      }
    }

// دالة إعادة اللعبة
    function resetGame() {
      monsterX = 100;
      monsterY = 100;
      playerX = 200;
      playerY = 200;
    }

// دالة رسم دائرة
    function colorCircle(centerX, centerY, radius, drawColor) {
      canvasContext.fillStyle = drawColor;
      canvasContext.beginPath();
      canvasContext.arc(centerX, centerY, radius, 0, Math.PI * 2, true);
      canvasContext.fill();
    }

// دالة رسم مستطيل
    function colorRect(leftX, topY, width, height, drawColor) {
      canvasContext.fillStyle = drawColor;
      canvasContext.fillRect(leftX, topY, width, height);
    }
  </script>
</body>
</html>