AI game creator

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

No:6868

←

Prev Next

→

pac man
Developer User3937｜Date and time 23/7/4 1:19:40
Build time 29.931 sec｜Game capacity 2.553KB｜

Script

واجهة المستخدم للعبة باك مان على شكل صفحة HTML مدغمة بلغة الجافا سكريبت وتتضمّن علامات السكريبت للحاجة إلى تشغيل العملية. يمكن تلعب اللعبة على الهواتف الذكية ويتم استخدام الرموز التوضيحية فيها. هنا مثال للعبة بسيطة يمكن تشغيلها والعبها:

هذه هي لعبة بسيطة تحاكي حركة باك مان على الشاشة. يمكن للاعب التحكم في موقع باك مان باستخدام لمسة الإصبع على الشاشة للتحرك. يتم التحقق من التصادمات والتأكد من أن باك مان لا يخرج عن حدود المنطقة المحددة للعبة.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pac-Man</title>
  <style>
    #game {
      width: 500px;
      height: 400px;
      border: 2px solid black;
      position: relative;
    }

#player {
      position: absolute;
      top: 0;
      left: 0;
      width: 40px;
      height: 40px;
      background: yellow;
      border-radius: 50%;
    }
  </style>
</head>
<body>

const player = document.getElementById('player');

// تتبع حركة الإصبع/الماوس على الشاشة
  document.addEventListener('touchmove', function(event) {
    const touch = event.touches[0];
    const x = touch.clientX - player.offsetWidth / 2;
    const y = touch.clientY - player.offsetHeight / 2;
    player.style.left = x + 'px';
    player.style.top = y + 'px';
  });

// استدعاء دالة للحصول على موقع تصادم العناصر
  function detectCollisions() {
    const playerRect = player.getBoundingClientRect();
    const gameRect = document.getElementById('game').getBoundingClientRect();

if (playerRect.left < gameRect.left) {
      player.style.left = gameRect.left + 'px';
    }
    if (playerRect.right > gameRect.right) {
      player.style.left = gameRect.right - player.offsetWidth + 'px';
    }
    if (playerRect.top < gameRect.top) {
      player.style.top = gameRect.top + 'px';
    }
    if (playerRect.bottom > gameRect.bottom) {
      player.style.top = gameRect.bottom - player.offsetHeight + 'px';
    }
  }

// تحديث تصادم العناصر بشكل دوري
  setInterval(detectCollisions, 100);

</script>
</body>
</html>
```