Make a working a game as long as it works and I can play it's game

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

No:19933

←

Prev Next

→

Make a working a game as long as it works and I ca..ALL
Developer User8878｜Date and time 23/10/7 12:47:45
Build time 33.032 sec｜Game capacity 6.183KB｜

Script

Sure! Here's a simple game called "Picto Tap." It's a memory-based game where you have to tap the correct pictogram in a given sequence. It's designed to work on smartphones and can be played directly in a single HTML file.

To play the game: 1. Create an HTML file. 2. Copy and paste the above code into the file. 3. Save the file. 4. Open the file in a web browser on your smartphone. 5. Click the "Start Game" button to begin. The game will generate a random sequence of pictograms and play it for you. Your goal is to remember the sequence and tap the pictograms in the correct order. If you tap the correct sequence, the game will move to the next level. If you make a mistake, the game will end. Note: Replace the placeholder pictogram URLs (`emozi_all/pictogram.png`, etc.) with actual URLs of the pictograms you want to use in the game.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Picto Tap</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            font-family: Arial, sans-serif;
        }
        
        #pictos {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            margin-bottom: 20px;
        }
        
        .picto {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            margin: 10px;
            background-color: #eee;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }
        
        .picto img {
            max-width: 80%;
            max-height: 80%;
        }
    </style>
</head>
<body>
    <div id="pictos"></div>
    <button onclick="startGame()">Start Game</button>

// Array of pictogram URLs
        var pictograms = [
            "https://example.com/picto1.png",
            "https://example.com/picto2.png",
            "https://example.com/picto3.png",
            "https://example.com/picto4.png"
        ];

// Function to start the game
        function startGame() {
            sequence = [];
            playerSequence = [];
            currentLevel = 0;

generateSequence();
            showMessage("Watch the sequence!");
            playSequence();
        }

// Function to generate random sequence of pictograms
        function generateSequence() {
            for (var i = 0; i < 5; i++) {
                var randomIndex = Math.floor(Math.random() * pictograms.length);
                sequence.push(randomIndex);
            }
        }

// Function to play the sequence for the player
        function playSequence() {
            disablePictos();

var i = 0;
            var interval = setInterval(function() {
                showPicto(sequence[i]);
                i++;

if (i >= sequence.length) {
                    clearInterval(interval);
                    setTimeout(enablePictos, 500);  // Allow player to start tapping after a small delay
                }
            }, 1000);
        }

// Function to show a single pictogram by index
        function showPicto(index) {
            var picto = pictoElements[index];
            picto.classList.add("active");
            setTimeout(function() {
                picto.classList.remove("active");
            }, 500);
        }

// Function to handle the player's tap on a pictogram
        function tapPicto(index) {
            playerSequence.push(index);
            var matchingSequence = isMatchingSequence();

if (matchingSequence) {
                if (playerSequence.length === sequence.length) {
                    showMessage("Good job! Next level coming up!");
                    setTimeout(function() {
                        currentLevel++;
                        playerSequence = [];
                        playSequence();
                    }, 1000);
                }
            } else {
                showMessage("Wrong sequence! Game Over!");
                setTimeout(function() {
                    showMessage("");
                    enablePictos();
                }, 1000);
            }
        }

// Function to check if the player's sequence matches the generated sequence
        function isMatchingSequence() {
            for (var i = 0; i < playerSequence.length; i++) {
                if (playerSequence[i] !== sequence[i]) {
                    return false;
                }
            }
            return true;
        }

// Function to disable tapping on pictos
        function disablePictos() {
            pictoElements.forEach(function(picto) {
                picto.removeEventListener("click", pictoClick);
            });
        }

// Function to enable tapping on pictos
        function enablePictos() {
            pictoElements.forEach(function(picto, index) {
                picto.addEventListener("click", function() {
                    tapPicto(index);
                });
            });
        }

// Function to display messages
        function showMessage(message) {
            var messageElement = document.getElementById("message");
            messageElement.innerText = message;
        }

// Initialize the picto elements
        function initializePictos() {
            var pictosElement = document.getElementById("pictos");

pictograms.forEach(function(pictoUrl) {
                var picto = document.createElement("div");
                picto.classList.add("picto");
                picto.innerHTML = "<img src='" + pictoUrl + "'>";

pictosElement.appendChild(picto);
                pictoElements.push(picto);
            });
        }

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

The game will generate a random sequence of pictograms and play it for you. Your goal is to remember the sequence and tap the pictograms in the correct order. If you tap the correct sequence, the game will move to the next level. If you make a mistake, the game will end.

Note: Replace the placeholder pictogram URLs (`https://example.com/picto1.png`, etc.) with actual URLs of the pictograms you want to use in the game.