AI game creator

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

No:12801

←

Prev Next

→

パックマン
Developer User5555｜Date and time 23/8/23 10:24:27
Build time 11.559 sec｜Game capacity 2.195KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Pacman Game</title>
  <style>
    #game-board {
      width: 300px;
      height: 300px;
      border: 1px solid black;
      display: grid;
      grid-template-columns: repeat(15, 1fr);
      grid-template-rows: repeat(15, 1fr);
    }

.pacman {
      width: 100%;
      height: 100%;
      text-align: center;
      font-size: 24px;
      line-height: 32px;
    }
  </style>
</head>
<body>
  <div id="game-board">
    <div class="pacman"></div>
  </div>

document.addEventListener('touchstart', handleTouchStart, false);
    document.addEventListener('touchmove', handleTouchMove, false);

let x1 = null;
    let y1 = null;

function handleTouchStart(event) {
      const touch = event.touches[0];
      x1 = touch.clientX;
      y1 = touch.clientY;
    }

function handleTouchMove(event) {
      if (!x1 || !y1) {
        return;
      }

const touch = event.touches[0];
      const x2 = touch.clientX;
      const y2 = touch.clientY;

const xDiff = x2 - x1;
      const yDiff = y2 - y1;

if (Math.abs(xDiff) > Math.abs(yDiff)) {
        if (xDiff > 0) {
          handleSwipe('right');
        } else {
          handleSwipe('left');
        }
      } else {
        if (yDiff > 0) {
          handleSwipe('down');
        } else {
          handleSwipe('up');
        }
      }

x1 = null;
      y1 = null;
    }
  </script>
</body>
</html>