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

No:42052

102

Ai will draw something with pixel based on text
Developer User7580｜Date and time 24/2/10 9:58:44
Build time 10.677 sec｜Game capacity 3.584KB｜

Sure! Here's a simple game implemented as a single HTML file, enclosed in script tags, utilizing JavaScript for the game logic. The game is designed to be played on a smartphone with pictograms as visual elements. Please note that this is a text-based game and the AI will not be able to draw anything.

Welcome to the Pictogram Game!

Can you guess the word represented by the pictograms?

Tap on the pictograms to select them.

Press 'Submit' to check your guess.

🍎 🏠 🐶 🌞 🎈

To play the game: 1. Copy the entire code into a single HTML file, e.g., `pictogram_game.html`. 2. Open the HTML file on your smartphone. 3. You will be presented with a set of pictograms and an input field. 4. Tap on the pictograms to select them (they will turn green when selected). 5. Enter your guess for the word represented by the pictograms in the input field. 6. Press the "Submit" button to check your guess. 7. If your guess is correct, a congratulatory message will be displayed. Otherwise, you can try again until you guess correctly.

→ 　

0　

0　

[PR]現在の売れ筋Kindle本ランキング

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

(C)2023 HisashiApp

Sure! Here's a simple game implemented as a single HTML file, enclosed in script tags, utilizing JavaScript for the game logic. The game is designed to be played on a smartphone with pictograms as visual elements. Please note that this is a text-based game and the AI will not be able to draw anything.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pictogram Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }
    #game-container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <h1>Welcome to the Pictogram Game!</h1>
    <p>Can you guess the word represented by the pictograms?</p>
    <p>Tap on the pictograms to select them.</p>
    <p>Press 'Submit' to check your guess.</p>
    <div id="pictograms">
      <span onclick="selectPictogram(1)">🍎</span>
      <span onclick="selectPictogram(2)">🏠</span>
      <span onclick="selectPictogram(3)">🐶</span>
      <span onclick="selectPictogram(4)">🌞</span>
      <span onclick="selectPictogram(5)">🎈</span>
    </div>
    <div>
      <input type="text" id="guess-input" placeholder="Your guess...">
      <button onclick="submitGuess()">Submit</button>
    </div>
    <p id="result"></p>
  </div>

<script>
    // Define the correct pictogram sequence for the game
    const correctSequence = [1, 3, 2, 5, 4];

// Keep track of user's selected pictograms
    let selectedPictograms = [];

// Function to select pictogram when clicked
    function selectPictogram(num) {
      const pictogram = document.querySelector(`[onclick="selectPictogram(${num})"]`);
      
      // Toggle selection by adding/removing CSS class
      if (selectedPictograms.includes(num)) {
        selectedPictograms = selectedPictograms.filter((val) => val !== num);
        pictogram.classList.remove("selected");
      } else {
        selectedPictograms.push(num);
        pictogram.classList.add("selected");
      }
    }

// Function to submit the guess and check if it's correct
    function submitGuess() {
      const guessInput = document.getElementById("guess-input");
      const userGuess = guessInput.value;
      guessInput.value = ""; // Clear the input field

// Convert selected pictograms to a string for comparison
      const selectedPictogramString = selectedPictograms.join("");

if (selectedPictogramString === correctSequence.join("")) {
        document.getElementById("result").textContent = `Congratulations! You guessed it right. The word is "${userGuess}".`;
      } else {
        document.getElementById("result").textContent = "Oops! That's incorrect. Try again!";
      }

// Clear selected pictograms and their CSS classes
      selectedPictograms.forEach((num) => {
        const pictogram = document.querySelector(`[onclick="selectPictogram(${num})"]`);
        pictogram.classList.remove("selected");
      });
      selectedPictograms = [];
    }
  </script>
</body>
</html>
```

To play the game:
1. Copy the entire code into a single HTML file, e.g., `pictogram_game.html`.
2. Open the HTML file on your smartphone.
3. You will be presented with a set of pictograms and an input field.
4. Tap on the pictograms to select them (they will turn green when selected).
5. Enter your guess for the word represented by the pictograms in the input field.
6. Press the "Submit" button to check your guess.
7. If your guess is correct, a congratulatory message will be displayed. Otherwise, you can try again until you guess correctly.