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

No:30437

79

怖い
Developer User14760｜Date and time 23/12/21 19:54:19
Build time 29.643 sec｜Game capacity 3.391KB｜

了解しました。こちらは、簡単なタイピングゲームのサンプルです。プレイヤーは指定された単語をできるだけ早く入力する必要があります。ゲームは制限時間内にできるだけ多くの単語を入力していく形式です。

タイピングゲーム

上記のコードは、HTMLファイルの中にJavaScriptを含んでいます。ゲームの設定やゲームの進行に必要な処理を実装しています。また、スマートフォンで操作することを前提として、ゲーム画面のレイアウトも最適化しています。プレイヤーは「スタート」ボタンを押すとゲームが開始され、制限時間内に指定された単語を入力する必要があります。入力した単語が正解の場合、次の単語が表示されます。制限時間が終了するとゲームが終了し、スコアが表示されます。このサンプルを実行すると、スマートフォンでタイピングゲームをプレイすることができます。

→ 　

0　

0　

[PR]現在の人気グッズランキング

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

(C)2023 HisashiApp

了解しました。
こちらは、簡単なタイピングゲームのサンプルです。プレイヤーは指定された単語をできるだけ早く入力する必要があります。ゲームは制限時間内にできるだけ多くの単語を入力していく形式です。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>タイピングゲーム</title>
</head>
<body>
  <h1>タイピングゲーム</h1>
  <p id="word"></p>
  <input id="input" type="text" autofocus>
  <button id="startButton">スタート</button>
  <p id="result"></p>

<script>
    // ゲームの全体的な設定
    const words = ['こんにちは', 'ありがとう', 'さようなら', 'おはよう']; // ゲームの単語リスト
    const gameTime = 10; // ゲームの制限時間（秒）

let currentWordIndex; // 現在の単語のインデックス
    let currentWord; // 現在の単語
    let startTime; // ゲーム開始時間
    let timerId; // タイマーのID

const wordElement = document.getElementById('word');
    const inputElement = document.getElementById('input');
    const resultElement = document.getElementById('result');
    const startButton = document.getElementById('startButton');

function startGame() {
      currentWordIndex = 0;
      inputElement.value = '';
      inputElement.focus();
      resultElement.textContent = '';

startButton.disabled = true;
      startButton.style.opacity = '0.5';

showWord();
      startTime = Date.now();
      timerId = setInterval(updateTimer, 1000);
    }

function showWord() {
      currentWord = words[currentWordIndex];
      wordElement.textContent = currentWord;
    }

function updateTimer() {
      const elapsedTime = Math.floor((Date.now() - startTime) / 1000);
      const remainingTime = gameTime - elapsedTime;

if (remainingTime <= 0) {
        finishGame();
      } else {
        resultElement.textContent = `残り時間: ${remainingTime}秒`;
      }
    }

function finishGame() {
      clearInterval(timerId);
      resultElement.textContent = `ゲーム終了！ スコア: ${currentWordIndex}`;
      startButton.disabled = false;
      startButton.style.opacity = '1';
    }

startButton.addEventListener('click', startGame);
    
    inputElement.addEventListener('input', () => {
      if (inputElement.value === currentWord) {
        currentWordIndex++;
        if (currentWordIndex < words.length) {
          inputElement.value = '';
          showWord();
        } else {
          finishGame();
        }
      }
    });
  </script>
</body>
</html>
```

上記のコードは、HTMLファイルの中にJavaScriptを含んでいます。ゲームの設定やゲームの進行に必要な処理を実装しています。また、スマートフォンで操作することを前提として、ゲーム画面のレイアウトも最適化しています。

プレイヤーは「スタート」ボタンを押すとゲームが開始され、制限時間内に指定された単語を入力する必要があります。入力した単語が正解の場合、次の単語が表示されます。制限時間が終了するとゲームが終了し、スコアが表示されます。

このサンプルを実行すると、スマートフォンでタイピングゲームをプレイすることができます。