AI game creator

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

No:49762

←

Prev Next

→

Pac-Man
Developer Kason Lucas｜Date and time 24/3/6 11:14:09
Build time 14.508 sec｜Game capacity 2.464KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pac-Man Game</title>
<style>
  body {
    margin: 0;
    padding: 0; 
    display: flex; 
    justify-content: center;
    align-items: center;
    background-color: black;
  }
  #game {
    display: grid; 
    grid-template-columns: repeat(20, 30px);
    grid-template-rows: repeat(20, 30px);
  }
</style>
</head>
<body>
<div id="game"></div>
<script>
 const gameBoard = document.getElementById('game');
 const rows = 20;
 const cols = 20;
 
 const pacman = {
     x: 1,
     y: 1
 };

const movePacman = (x, y) => {
     let cell = document.querySelector(`.row:nth-child(${y + 1}) .cell:nth-child(${x + 1})`);
     cell.textContent = '😯';
 };

const clearPacman = (x, y) => {
     let cell = document.querySelector(`.row:nth-child(${y + 1}) .cell:nth-child(${x + 1})`);
     cell.textContent = '';
 };

drawMap();
</script>
</body>
</html>
```