AI game creator

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

No:11590

190

←

Prev Next

→

Pac-Man
Developer User4917｜Date and time 23/8/11 6:25:55
Build time 13.991 sec｜Game capacity 2.044KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>

<head>
    <title>Pac-Man</title>
    <style>
        body {
            margin: 0;
        }

canvas {
            background-color: black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>

var pacManImage = new Image();
        pacManImage.src = "https://img.icons8.com/officexs/16/000000/pacman.png";

var pacman = {
            x: 100,
            y: 100,
            radius: 30,
            direction: "right"
        };

function update() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            context.drawImage(pacManImage, pacman.x - pacman.radius, pacman.y - pacman.radius, pacman.radius * 2, pacman.radius * 2);

switch (pacman.direction) {
                case "right":
                    pacman.x += 5;
                    break;
                case "left":
                    pacman.x -= 5;
                    break;
                case "up":
                    pacman.y -= 5;
                    break;
                case "down":
                    pacman.y += 5;
                    break;
            }

requestAnimationFrame(update);
        }

function handleKeyDown(event) {
            switch (event.code) {
                case "ArrowRight":
                    pacman.direction = "right";
                    break;
                case "ArrowLeft":
                    pacman.direction = "left";
                    break;
                case "ArrowUp":
                    pacman.direction = "up";
                    break;
                case "ArrowDown":
                    pacman.direction = "down";
                    break;
            }
        }

document.addEventListener("keydown", handleKeyDown);
        update();
    </script>
</body>

</html>