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

No:35617

A game about a fox finding food
Developer User16598｜Date and time 24/1/15 0:45:28
Build time 12.625 sec｜Game capacity 3.369KB｜

Script

Sure! Here's a simple game about a fox finding food:

Fox Adventure

Help the fox find the food on the game board!

To play the game, simply open this HTML file using a web browser on your smartphone. The game involves helping the fox find the food by clicking on the respective cells on the game board. The goal is to find all three pieces of food. Enjoy the adventure!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure! Here's a simple game about a fox finding food:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Fox Adventure</title>
    <style>
        body {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
            font-family: Arial, sans-serif;
        }

#game-board {
            display: flex;
            flex-wrap: wrap;
            width: 300px;
            height: 300px;
        }

.cell {
            width: 50px;
            height: 50px;
            border: 1px solid #ccc;
            display: flex;
            align-items: center;
            justify-content: center;
        }

#fox {
            background-image: url('https://image.flaticon.com/icons/svg/1780/1780907.svg');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

.food {
            background-image: url('https://image.flaticon.com/icons/svg/186/186196.svg');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }
    </style>
</head>
<body>
    <h1>Fox Adventure</h1>
    <p>Help the fox find the food on the game board!</p>
    <div id="game-board"></div>

// Create the game board
        for (var i = 0; i < gridSize; i++) {
            for (var j = 0; j < gridSize; j++) {
                var cell = document.createElement('div');
                cell.className = 'cell';
                gameBoard.appendChild(cell);
            }
        }

// Add the fox to the game board
        function addFox() {
            var randomCell = getRandomCell();
            fox = document.createElement('div');
            fox.className = 'cell';
            fox.id = 'fox';
            randomCell.appendChild(fox);

fox.onclick = function() {
                alert('Yay! The fox found the food!');
            }
        }

// Add food to the game board
        function addFood() {
            var randomCell = getRandomCell();
            var food = document.createElement('div');
            food.className = 'cell food';
            randomCell.appendChild(food);

food.onclick = function() {
                randomCell.removeChild(food);
                foodCount++;

if (foodCount === 3) {
                    alert('Congrats! The fox found all the food!');
                }
            }
        }

// Helper function to get a random cell on the game board
        function getRandomCell() {
            var cells = gameBoard.getElementsByClassName('cell');
            var randomIndex = Math.floor(Math.random() * cells.length);
            return cells[randomIndex];
        }

// Start the game by adding the fox and initial food
        addFox();
        addFood();
        addFood();
        addFood();
    </script>
</body>
</html>
```