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

No:13283

139

←

Prev Next

→

لعبة مغامرات مثل طرزان وتانجلد تلعبها
Developer User5851｜Date and time 23/8/27 20:30:32
Build time 14.952 sec｜Game capacity 2.212KB｜

Script

لعبة المغامرات

النقاط: 0

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
<head>
<title>لعبة المغامرات</title>
<style>
body {
  font-family: Arial, sans-serif;
  text-align: center;
  background-color: #f3f3f3;
}

#game {
  position: relative;
  width: 400px;
  height: 400px;
  margin: 0 auto;
  border: 1px solid #ccc;
  background-color: #fff;
}

#player {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#player img {
  width: 80px;
  height: 80px;
}

#obstacle {
  position: absolute;
  top: 200px;
  left: 100px;
}

#obstacle img {
  width: 60px;
  height: 60px;
}

#score {
  font-size: 24px;
  margin-top: 20px;
}

</style>
</head>
<body>
<h1>لعبة المغامرات</h1>
<div id="game">
  <div id="player">
    <img src="جاهز باندا.png" alt="لاعب">
  </div>
  <div id="obstacle">
    <img src="شجرة.png" alt="عقبة">
  </div>
</div>
<p id="score">النقاط: 0</p>

// تحريك اللاعب عند لمس الشاشة
  document.addEventListener("touchstart", function (event) {
    player.style.top = (event.touches[0].clientY - 40) + "px";
    player.style.left = (event.touches[0].clientX - 40) + "px";
  });

// فحص تداخل اللاعب مع العقبة
  setInterval(function () {
    var playerRect = player.getBoundingClientRect();
    var obstacleRect = obstacle.getBoundingClientRect();

if (playerRect.left < obstacleRect.right &&
        playerRect.right > obstacleRect.left &&
        playerRect.top < obstacleRect.bottom &&
        playerRect.bottom > obstacleRect.top) {
      alert("لقد اصطدمت بالعقبة! لعبة منتهية!");
      currentScore = 0;
      score.textContent = "النقاط: 0";

// إعادة تعيين موضع اللاعب والعقبة
      player.style.top = "50%";
      player.style.left = "50%";
      obstacle.style.top = "200px";
      obstacle.style.left = "100px";

} else {
      currentScore++;
      score.textContent = "النقاط: " + currentScore;
    }
  }, 1000);
</script>
</body>
</html>