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

No:18338

←

Prev Next

→

Julie minecraft
Developer User8074｜Date and time 23/9/28 8:57:05
Build time 26.645 sec｜Game capacity 3.179KB｜

Script

Sure, here's an example of a simple game implemented as a single HTML file using JavaScript. Since you mentioned Julie Minecraft, let's create a guessing game where the player needs to guess the name of different Minecraft pictograms. The game will be playable on a smartphone.

Julie's Minecraft Picture Guessing Game

Guess the name of the Minecraft pictogram:

To use this code, you'll need to have image files for each Minecraft pictogram (e.g., `emozi_all/pictogram.png`, `emozi_himawari.png`, etc.) in the same directory as the HTML file. You can add more pictograms to the `pictograms` array as desired by following the same structure. The game will display a pictogram, and the player needs to enter their guess in the input field and click the submit button to check if their guess is correct. After a certain delay, a new pictogram will be displayed for the player to guess.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Julie's Minecraft Picture Guessing Game</title>
</head>
<body>
    <h1>Julie's Minecraft Picture Guessing Game</h1>
    <p id="question">Guess the name of the Minecraft pictogram:</p>
    <img id="picture" src="creeper.png" alt="Minecraft Pictogram">
    <input type="text" id="guess" placeholder="Enter your guess">
    <button id="submit">Submit</button>
    <p id="result"></p>

// Generate a random index to select a pictogram from the array
        function getRandomIndex() {
            return Math.floor(Math.random() * pictograms.length);
        }

let currentIndex = getRandomIndex(); // Current pictogram index

// Display a new random pictogram and reset the input field
        function displayNextPictogram() {
            currentIndex = getRandomIndex();
            document.getElementById("question").textContent = "Guess the name of the Minecraft pictogram:";
            document.getElementById("picture").src = pictograms[currentIndex].image;
            document.getElementById("guess").value = "";
            document.getElementById("result").textContent = "";
        }

// Check the player's guess when the submit button is clicked
        document.getElementById("submit").addEventListener("click", function() {
            const guess = document.getElementById("guess").value.toLowerCase();
            if (guess === pictograms[currentIndex].name) {
                document.getElementById("result").textContent = "Correct! You guessed it!";
            } else {
                document.getElementById("result").textContent = "Incorrect! Try again.";
            }
            setTimeout(displayNextPictogram, 2000); // Show the next pictogram after 2 seconds
        });

// Start the game by displaying the first pictogram
        displayNextPictogram();
    </script>
</body>
</html>
```

To use this code, you'll need to have image files for each Minecraft pictogram (e.g., `creeper.png`, `enderman.png`, etc.) in the same directory as the HTML file. You can add more pictograms to the `pictograms` array as desired by following the same structure. The game will display a pictogram, and the player needs to enter their guess in the input field and click the submit button to check if their guess is correct. After a certain delay, a new pictogram will be displayed for the player to guess.