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

No:13952

84

Morse Code
Developer User6030｜Date and time 23/8/30 18:17:53
Build time 27.052 sec｜Game capacity 3.637KB｜

Конечно, я могу создать игру в виде одного HTML-файла, содержащего JavaScript. Вот пример простой игры "Угадай пиктограмму" на основе морзянки:

Угадай пиктограмму!

Чтобы начать игру, нажмите на кнопку "Старт".

Обратите внимание, что в этом примере используется заглушка `emozi_bear.png`, `emozi_chicken.png` и `emozi_rabbit.png` вместо реальных пиктограмм. Вы должны предоставить свои изображения и обновить соответствующую часть кода. Это простая игра "Угадай пиктограмму", где игроку показывается морзянка в виде пиктограммы, а они должны ввести соответствующий код морзянки. Они могут проверить свой ответ, и если он правильный, получат сообщение с подтверждением. После каждого раунда игрок может перейти к следующему или закончить игру после последнего раунда.

→ 　

0　

0　

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

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

(C)2023 HisashiApp

Конечно, я могу создать игру в виде одного HTML-файла, содержащего JavaScript. Вот пример простой игры "Угадай пиктограмму" на основе морзянки:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Угадай пиктограмму!</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    img {
      height: 200px;
    }
  </style>
</head>
<body>
  <h1>Угадай пиктограмму!</h1>
  <p>Чтобы начать игру, нажмите на кнопку "Старт".</p>
  <button onclick="startGame()">Старт</button>
  <div id="gameArea" style="display: none;">
    <h2>Угадайте морзянку:</h2>
    <img id="morseImage" src="" alt="Морзянка" />
    <br><br>
    <input type="text" id="guessInput" placeholder="Ваш ответ" />
    <button onclick="checkGuess()">Проверить</button>
    <p id="resultMessage"></p>
    <button onclick="nextRound()">Следующий раунд</button>
  </div>
  
  <script>
    // Список картинок для игры
    const morseImages = [
      { code: ".-", image: "images/image1.png" },
      { code: "-...", image: "images/image2.png" },
      { code: "-.-.", image: "images/image3.png" },
      // Добавьте другие пиктограммы с соответствующими кодами
    ];
    
    let currentImageIndex = 0;
    
    function startGame() {
      document.getElementById("gameArea").style.display = "block";
      nextRound();
    }
    
    function nextRound() {
      if (currentImageIndex >= morseImages.length) {
        endGame();
        return;
      }
      
      const morseImage = morseImages[currentImageIndex];
      document.getElementById("morseImage").src = morseImage.image;
      document.getElementById("guessInput").value = "";
      document.getElementById("resultMessage").textContent = "";
    }
    
    function checkGuess() {
      const guess = document.getElementById("guessInput").value;
      const morseImage = morseImages[currentImageIndex];
      
      if (guess === morseImage.code) {
        document.getElementById("resultMessage").textContent = "Правильный ответ!";
      } else {
        document.getElementById("resultMessage").textContent = "Неправильный ответ.";
      }
    }
    
    function endGame() {
      document.getElementById("gameArea").innerHTML = "<h2>Игра окончена!</h2><button onclick='location.reload()'>Начать заново</button>";
    }
  </script>
</body>
</html>
```

Обратите внимание, что в этом примере используется заглушка `image1.png`, `image2.png` и `image3.png` вместо реальных пиктограмм. Вы должны предоставить свои изображения и обновить соответствующую часть кода.

Это простая игра "Угадай пиктограмму", где игроку показывается морзянка в виде пиктограммы, а они должны ввести соответствующий код морзянки. Они могут проверить свой ответ, и если он правильный, получат сообщение с подтверждением. После каждого раунда игрок может перейти к следующему или закончить игру после последнего раунда.