AI game creator

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

No:16355

←

Prev Next

→

Pac-Man
Developer Mubashir Hussain｜Date and time 23/9/17 14:22:33
Build time 13.936 sec｜Game capacity 1.939KB｜

Script

Sure! Here's a simple implementation of the classic game Pac-Man using JavaScript and HTML.

This implementation creates a simple game window with a black background and a yellow Pac-Man icon. The Pac-Man can be moved using the arrow keys on a smartphone. When an arrow key is pressed, the `movePacman` function is called and it updates the position of the Pac-Man icon accordingly.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple implementation of the classic game Pac-Man using JavaScript and HTML.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pac-Man Game</title>
    <style>
        #game {
            position: relative;
            width: 400px;
            height: 400px;
            background-color: black;
            border: 2px solid white;
        }
        .pacman {
            position: absolute;
            top: 180px;
            left: 180px;
            width: 40px;
            height: 40px;
            background-color: yellow;
            border-radius: 50%;
        }
    </style>
</head>
<body>
    <div id="game">
        <div id="pacman" class="pacman"></div>
    </div>

function movePacman(event) {
            const pacman = document.getElementById('pacman');
            let left = parseInt(window.getComputedStyle(pacman).getPropertyValue('left'));
            let top = parseInt(window.getComputedStyle(pacman).getPropertyValue('top'));

// Move Pac-Man based on arrow key input
            switch (event.key) {
                case 'ArrowUp':
                    top -= 10;
                    break;
                case 'ArrowDown':
                    top += 10;
                    break;
                case 'ArrowLeft':
                    left -= 10;
                    break;
                case 'ArrowRight':
                    left += 10;
                    break;
            }

pacman.style.left = left + 'px';
            pacman.style.top = top + 'px';
        }
    </script>
</body>
</html>
```