AI game creator

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

No:16802

←

Prev Next

→

Pac-Man
Developer User7500｜Date and time 23/9/21 5:34:23
Build time 32.308 sec｜Game capacity 3.771KB｜

Script

Sure! Here's a simple implementation of Pac-Man as a single HTML file with JavaScript. It's designed for smartphone operation and uses pictograms for the game elements. Remember to save the code in an HTML file and open it in a web browser to play the game.

This implementation provides a basic version of Pac-Man where you can control Pac-Man using the arrow keys on your smartphone. Pac-Man is represented by a smiley face emoji, and the empty cells are represented by the bullet point pictogram. You can modify and enhance the game as per your requirements. Enjoy playing Pac-Man!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pac-Man</title>
    <style>
        body {
            text-align: center;
        }
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        // Pac-Man game logic

// Constants
        const CELL_SIZE = 20; // Size of each cell in the game
        const GAME_WIDTH = 20; // Number of cells in the game horizontally
        const GAME_HEIGHT = 20; // Number of cells in the game vertically

// Game state
        let score = 0;
        let gameBoard = [];

// Pac-Man position
        let pacManX = Math.floor(GAME_WIDTH / 2);
        let pacManY = Math.floor(GAME_HEIGHT / 2);

// Initialize game board
        function initGameBoard() {
            for (let row = 0; row < GAME_HEIGHT; row++) {
                gameBoard.push([]);
                for (let col = 0; col < GAME_WIDTH; col++) {
                    gameBoard[row].push('•'); // Pictogram for empty cell
                }
            }
            gameBoard[pacManY][pacManX] = '😃'; // Pictogram for Pac-Man
        }

// Render game board on canvas
        function renderGameBoard() {
            const canvas = document.getElementById('gameCanvas');
            const ctx = canvas.getContext('2d');
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            for (let row = 0; row < GAME_HEIGHT; row++) {
                for (let col = 0; col < GAME_WIDTH; col++) {
                    ctx.fillText(gameBoard[row][col], col * CELL_SIZE, (row + 1) * CELL_SIZE);
                }
            }
        }

// Handle keyboard input
        function handleKeyPress(event) {
            switch(event.key) {
                case 'ArrowUp':
                    movePacMan(0, -1);
                    break;
                case 'ArrowDown':
                    movePacMan(0, 1);
                    break;
                case 'ArrowLeft':
                    movePacMan(-1, 0);
                    break;
                case 'ArrowRight':
                    movePacMan(1, 0);
                    break;
            }
        }

// Move Pac-Man based on input
        function movePacMan(deltaX, deltaY) {
            // Check if move is valid
            const newX = pacManX + deltaX;
            const newY = pacManY + deltaY;
            if (newX >= 0 && newX < GAME_WIDTH && newY >= 0 && newY < GAME_HEIGHT) {
                // Update Pac-Man position
                pacManX = newX;
                pacManY = newY;
                gameBoard[pacManY][pacManX] = '😃'; // Pictogram for Pac-Man
                
                // Update score
                if (gameBoard[pacManY][pacManX] === '•') {
                    score++;
                }

renderGameBoard();
            }
        }

// Start the game
        function startGame() {
            initGameBoard();
            renderGameBoard();
            document.addEventListener('keydown', handleKeyPress);
        }

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