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

No:35629

117

←

Prev Next

→

Eating mouse game
Developer User16442｜Date and time 24/1/15 1:14:51
Build time 16.101 sec｜Game capacity 4.541KB｜

Script

Sure, I can help you create a simple eating mouse game using JavaScript in a single HTML file. Here's an example for you:

Eating Mouse Game

This code will create a game board with a mouse and a cheese pictogram represented by images. You can control the mouse's movement using the arrow keys on your smartphone. When the mouse eats the cheese, a message will appear, and the game will reset.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure, I can help you create a simple eating mouse game using JavaScript in a single HTML file. Here's an example for you:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Eating Mouse Game</title>
    <style>
        #game-board {
            display: flex;
            flex-wrap: wrap;
            width: 300px;
            height: 300px;
            border: 2px solid black;
        }

.cell {
            width: 50px;
            height: 50px;
            border: 1px solid #ccc;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 20px;
        }
    </style>
</head>
<body>
    <h1>Eating Mouse Game</h1>
    <div id="game-board"></div>
    <script>
        // Pictogram images
        const mouseImage = "<img src='mouse.png' width='32' height='32' alt='Mouse'>";
        const cheeseImage = "<img src='cheese.png' width='32' height='32' alt='Cheese'>";

// Game board
        const boardSize = 6;
        let board = [];

// Mouse position
        let mouseX = 0;
        let mouseY = 0;

// Generate random position for mouse and cheese
        function generateRandomPosition() {
            mouseX = Math.floor(Math.random() * boardSize);
            mouseY = Math.floor(Math.random() * boardSize);
            board[mouseX][mouseY] = mouseImage;

let cheeseX, cheeseY;
            do {
                cheeseX = Math.floor(Math.random() * boardSize);
                cheeseY = Math.floor(Math.random() * boardSize);
            } while (cheeseX === mouseX && cheeseY === mouseY);

board[cheeseX][cheeseY] = cheeseImage;
        }

// Render the game board
        function renderBoard() {
            const gameBoard = document.getElementById("game-board");
            gameBoard.innerHTML = "";

for (let i = 0; i < boardSize; i++) {
                for (let j = 0; j < boardSize; j++) {
                    const cell = document.createElement("div");
                    cell.classList.add("cell");
                    cell.innerHTML = board[i][j];
                    gameBoard.appendChild(cell);
                }
            }
        }

// Move the mouse on key press
        function moveMouse(event) {
            let moved = false;

// Move up
            if (event.keyCode === 38 && mouseX > 0) {
                board[mouseX][mouseY] = undefined;
                mouseX--;
                board[mouseX][mouseY] = mouseImage;
                moved = true;
            }
            // Move down
            else if (event.keyCode === 40 && mouseX < boardSize - 1) {
                board[mouseX][mouseY] = undefined;
                mouseX++;
                board[mouseX][mouseY] = mouseImage;
                moved = true;
            }
            // Move left
            else if (event.keyCode === 37 && mouseY > 0) {
                board[mouseX][mouseY] = undefined;
                mouseY--;
                board[mouseX][mouseY] = mouseImage;
                moved = true;
            }
            // Move right
            else if (event.keyCode === 39 && mouseY < boardSize - 1) {
                board[mouseX][mouseY] = undefined;
                mouseY++;
                board[mouseX][mouseY] = mouseImage;
                moved = true;
            }

if (moved) {
                renderBoard();
                checkCollision();
            }
        }

// Check for collision with cheese
        function checkCollision() {
            if (board[mouseX][mouseY] === cheeseImage) {
                alert("You won! The mouse ate the cheese!");
                resetGame();
            }
        }

// Reset the game
        function resetGame() {
            board = Array(boardSize).fill().map(() => Array(boardSize));
            generateRandomPosition();
            renderBoard();
        }

// Initialize the game
        function initGame() {
            document.addEventListener("keydown", moveMouse);

for (let i = 0; i < boardSize; i++) {
                board.push(Array(boardSize));
            }

generateRandomPosition();
            renderBoard();
        }

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