AI game creator

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

No:26843

←

Prev Next

→

Pac-Man
Developer User13198｜Date and time 23/12/2 18:11:27
Build time 32.38 sec｜Game capacity 3.293KB｜

Script

HTML:

Этот пример представляет игру Pac-Man на HTML с помощью JavaScript. Скопируйте данный код в файл с расширением .html и откройте его в веб-браузере. Игрок будет управлять вертикально и горизонтально движущимся пакманом, используя клавиши со стрелками или клавиши WASD на клавиатуре. Пакман будет перемещаться по полю, который представляет собой черный квадрат с белой границей. Пакман отображается желтым кругом на поле.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

HTML:
```html
<!DOCTYPE html>
<html>
<head>
    <title>Pac-Man</title>
    <style>
        #game-board {
            width: 300px;
            height: 300px;
            background-color: #000;
            position: relative;
            border: 2px solid #fff;
        }

.pac-man {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background-color: #ff0;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

.ghost {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background-color: #f00;
            position: absolute;
        }
    </style>
</head>
<body>
    <div id="game-board"></div>

let pacManPositionX = 140;
        let pacManPositionY = 140;

pacMan.style.top = pacManPositionY + 'px';
            pacMan.style.left = pacManPositionX + 'px';
        }

gameBoard.appendChild(pacMan);