Make a game that your a mouse collecting cheese And your in a maze's game

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

No:27771

←

Prev Next

→

Make a game that your a mouse collecting cheese An..ALL
Developer User13833｜Date and time 23/12/9 1:33:51
Build time 41.069 sec｜Game capacity 4.595KB｜

Script

Sure! Here's a simple game where you control a mouse and collect cheese in a maze. The game is designed for smartphone operation and uses pictograms.

To play the game: 1. Save the code as a single HTML file (e.g., `mouse_maze_game.html`). 2. Open the HTML file on a web browser (preferably on a smartphone for the best experience). 3. Use the arrow keys on your smartphone to move the mouse in the maze. 4. Collect the cheese within the maximum allowed moves to win the game. 5. If you run out of moves, the game will end, and you can reset the game to play again. Please note that this is a simple implementation and can be enhanced with additional features and levels.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here's a simple game where you control a mouse and collect cheese in a maze. The game is designed for smartphone operation and uses pictograms.

```html
<!DOCTYPE html>
<html>

<head>
    <title>Mouse Maze Game</title>
    <style>
        #gameboard {
            display: flex;
            flex-wrap: wrap;
            width: 320px;
            height: 320px;
            margin: auto;
        }

.cell {
            width: 40px;
            height: 40px;
            border: 1px solid black;
        }

.mouse {
            background-image: url('https://image.flaticon.com/icons/svg/118/118746.svg');
            background-size: contain;
        }

.cheese {
            background-image: url('https://image.flaticon.com/icons/svg/927/927053.svg');
            background-size: contain;
        }
    </style>
</head>

drawBoard: function () {
                var html = "";
                for (var row = 0; row < this.gridSize; row++) {
                    for (var col = 0; col < this.gridSize; col++) {
                        var cellClass = "cell";
                        if (row === this.currentPosition[0] && col === this.currentPosition[1])
                            cellClass += " mouse";
                        if (row === this.cheesePosition[0] && col === this.cheesePosition[1])
                            cellClass += " cheese";

html += '<div class="' + cellClass + '"></div>';
                    }
                }
                document.getElementById("gameboard").innerHTML = html;
            },

checkCollision: function (row, col) {
                return row < 0 || col < 0 || row >= this.gridSize || col >= this.gridSize;
            },

move: function (rowDiff, colDiff) {
                var newRow = this.currentPosition[0] + rowDiff,
                    newCol = this.currentPosition[1] + colDiff;

if (!this.checkCollision(newRow, newCol)) {
                    this.currentPosition[0] = newRow;
                    this.currentPosition[1] = newCol;
                    this.moves++;

if (this.currentPosition[0] === this.cheesePosition[0] && this.currentPosition[1] === this.cheesePosition[1]) {
                        alert("Congratulations! You found the cheese!");
                        this.reset();
                    } else if (this.moves >= this.maxMoves) {
                        alert("Game Over! You ran out of moves.");
                        this.reset();
                    } else {
                        this.drawBoard();
                    }
                }
            },

reset: function () {
                this.currentPosition = [0, 0];
                this.cheesePosition = [getRandomPosition(), getRandomPosition()];
                this.moves = 0;
                this.drawBoard();
            }
        };

// Helper function to get random position within grid size
        function getRandomPosition() {
            return Math.floor(Math.random() * game.gridSize);
        }

game.drawBoard();

// Event listeners for arrow key movements
        document.addEventListener("keydown", function (event) {
            switch (event.keyCode) {
                case 37: // left
                    game.move(0, -1);
                    break;
                case 38: // up
                    game.move(-1, 0);
                    break;
                case 39: // right
                    game.move(0, 1);
                    break;
                case 40: // down
                    game.move(1, 0);
                    break;
                default:
                    break;
            }
        });
    </script>
</body>

</html>
```

To play the game:

1. Save the code as a single HTML file (e.g., `mouse_maze_game.html`).
2. Open the HTML file on a web browser (preferably on a smartphone for the best experience).
3. Use the arrow keys on your smartphone to move the mouse in the maze.
4. Collect the cheese within the maximum allowed moves to win the game.
5. If you run out of moves, the game will end, and you can reset the game to play again.

Please note that this is a simple implementation and can be enhanced with additional features and levels.