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

No:40439

105

←

Prev Next

→

FNF Duet Pets
Developer User13970｜Date and time 24/2/2 20:05:52
Build time 13.266 sec｜Game capacity 3.444KB｜

Script

Sure! Here's an example of a simple game called "FNF Duet Pets" implemented as a single HTML file with JavaScript, using pictograms and designed for smartphone operation:

FNF Duet Pets

When you open this HTML file in a web browser, it will display a game board with various pictograms represented as pets. By tapping on each pet, it will disappear, and the goal is to make all the pets disappear by matching them. Once all the pets are hidden, an alert will be displayed congratulating the player on finishing the game. Feel free to modify and improve this game based on your preferences!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple game called "FNF Duet Pets" implemented as a single HTML file with JavaScript, using pictograms and designed for smartphone operation:

```html
<!DOCTYPE html>
<html>
<head>
    <title>FNF Duet Pets Game</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin: 0 auto;
            padding-top: 50px;
        }
        #gameContainer {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
            grid-gap: 10px;
            max-width: 500px;
            margin: 0 auto;
        }
        .pet {
            background-color: #ccc;
            border-radius: 50%;
            padding: 30px;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
        .pet:hover {
            background-color: #aaa;
        }
        .hidden {
            visibility: hidden;
        }
    </style>
</head>
<body>
    <h1>FNF Duet Pets</h1>
    <div id="gameContainer"></div>

// Fisher-Yates Shuffle Algorithm to randomize the pictograms
        function shuffle(array) {
            for (let i = array.length - 1; i > 0; i--) {
                const j = Math.floor(Math.random() * (i + 1));
                [array[i], array[j]] = [array[j], array[i]];
            }
            return array;
        }

// Function to create and display the game board
        function createGameBoard() {
            const gameContainer = document.getElementById('gameContainer');
            const shuffledPictograms = shuffle(pictograms.concat(pictograms));

shuffledPictograms.forEach((picto, index) => {
                const pet = document.createElement('div');
                pet.classList.add('pet');
                pet.textContent = picto;
                pet.addEventListener('click', () => handlePetClick(index));
                gameContainer.appendChild(pet);
            });
        }

// Function to handle pet click events
        function handlePetClick(index) {
            const pet = document.getElementsByClassName('pet')[index];

// Remove the click event listener
            pet.removeEventListener('click', () => handlePetClick(index));

// Hide the selected pet by adding a 'hidden' CSS class
            pet.classList.add('hidden');

// Check if all pets are hidden, i.e., game is finished
            const hiddenPets = document.getElementsByClassName('hidden');
            if (hiddenPets.length === pictograms.length * 2) {
                alert("Congratulations! You've finished the game!");
            }
        }

// Start the game
        createGameBoard();
    </script>
</body>
</html>
```

Feel free to modify and improve this game based on your preferences!