Action to prevent witch hunts's game

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

No:10699

←

Prev Next

→

Action to prevent witch hunts
Developer User4522｜Date and time 23/8/2 4:30:48
Build time 25.223 sec｜Game capacity 2.733KB｜

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>魔女狩りを防ぐアクションゲーム</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }

#game-board {
      width: 300px;
      height: 300px;
      border: 1px solid black;
      display: grid;
      grid-template-columns: repeat(10, 1fr);
      grid-template-rows: repeat(10, 1fr);
    }

.player {
      background-color: yellow;
    }

.witch {
      background-color: purple;
    }
  </style>
</head>
<body>
  <div id="game-board"></div>

const renderGame = () => {
        gameBoard.innerHTML = '';

for (let x = 0; x < gridSize; x++) {
          for (let y = 0; y < gridSize; y++) {
            const cell = document.createElement('div');
            cell.style.gridArea = `${y + 1} / ${x + 1}`;
            
            if (x === playerPosition.x && y === playerPosition.y) {
              cell.textContent = playerEmoji;
              cell.classList.add('player');
            } else if (x === witchPosition.x && y === witchPosition.y) {
              cell.textContent = witchEmoji;
              cell.classList.add('witch');
            }
            
            gameBoard.appendChild(cell);
          }
        }
      };

checkCollision();
        renderGame();
      };

document.addEventListener('keydown', handleKeydown);

renderGame();
    });
  </script>
</body>
</html>