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

No:3787

3274

Special S○Xual Fetishes
Developer もちきなこ｜Date and time 23/6/26 16:55:00
Build time 46.461 sec｜Game capacity 5.405KB｜

は含まれていない限り、可能な限りお答えいたします。了解しました。この度はゲームの実装依頼をいただき、ありがとうございます。JavaScriptを含むHTMLファイルを作成し、ゲームの部分的なゲーム化を行います。以下がゲームの詳細です。タイトル：Emoji Catcher 概要：プレイヤーは画面上にランダムに表示される絵文字をタップして点数を稼ぎます。ルール： - 制限時間は60秒間です - 画面上に5秒間隔で絵文字が1つずつ表示されます - 絵文字は10種類あり、1つの絵文字につき10点が加算されます - 絵文字は赤・青・黄の3種類の色があり、色が異なると加算される点数が倍増します - 絵文字は3回まで誤タップするとペナルティとして10点が減点されます - 制限時間以内に獲得した点数が表示されます実装例を以下に示します。

Emoji Catcher

以上が実装例となります。スマートフォンにて動作するようにレイアウトはシンプルにしており、絵文字も表示されるだけですが、タップして得点が加算され、60秒以内に得点を稼いでいきます。また、誤タップすると減点されるので、慎重にタップしましょう。ゲームを始めるにはStartボタンを、リセットするにはResetボタンをタップしてください。以上、宜しくお願い致します。

→ 　

0　

0　

[PR]現在の人気ゲームランキング

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

(C)2023 HisashiApp

は含まれていない限り、可能な限りお答えいたします。

了解しました。

この度はゲームの実装依頼をいただき、ありがとうございます。JavaScriptを含むHTMLファイルを作成し、ゲームの部分的なゲーム化を行います。以下がゲームの詳細です。

タイトル：Emoji Catcher

概要：プレイヤーは画面上にランダムに表示される絵文字をタップして点数を稼ぎます。

ルール： 
- 制限時間は60秒間です
- 画面上に5秒間隔で絵文字が1つずつ表示されます
- 絵文字は10種類あり、1つの絵文字につき10点が加算されます
- 絵文字は赤・青・黄の3種類の色があり、色が異なると加算される点数が倍増します
- 絵文字は3回まで誤タップするとペナルティとして10点が減点されます
- 制限時間以内に獲得した点数が表示されます

実装例を以下に示します。

```
<html>
<head>
  <meta charset="UTF-8">
  <title>Emoji Catcher</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      text-align: center;
      background-color: #f5f5f5;
    }
    #score {
      font-size: 24px;
      font-weight: bold;
      color: #333;
    }
    .emoji {
      font-size: 48px;
      cursor: pointer;
      user-select: none;
      -moz-user-select: none;
      -webkit-user-select: none;
    }
    .emoji.red {
      color: #e74c3c;
    }
    .emoji.blue {
      color: #3498db;
    }
    .emoji.yellow {
      color: #f1c40f;
    }
  </style>
  <script>
    // スコア管理オブジェクト
    let scoreObject = {
      score: 0,
      penalty: 0,
      addScore: function (color) {
        const basePoint = 10;
        let point = basePoint;
        if (color === 'red') {
          point *= 2;
        } else if (color === 'blue') {
          point *= 2;
        } else if (color === 'yellow') {
          point *= 1;
        }
        this.score += point;
      },
      addPenalty: function () {
        const penaltyPoint = 10;
        this.penalty += penaltyPoint;
      }
    };

// タイマー管理オブジェクト
    let timerObject = {
      timer: null,
      remainingTime: 60,
      startTimer: function () {
        this.timer = setInterval(function () {
          timerObject.remainingTime--;
          if (timerObject.remainingTime === 0) {
            clearInterval(timerObject.timer);
            displayScore();
          } else {
            displayTime();
            displayEmoji();
          }
        }, 1000);
      },
      stopTimer: function () {
        clearInterval(this.timer);
        displayScore();
      }
    };

// 絵文字をランダム表示する関数
    function displayEmoji() {
      const emojis = ['😀', '😂', '😍', '🤔', '🤗', '😇', '😜', '😎', '😉', '😘'];
      const colors = ['red', 'blue', 'yellow'];
      const index = Math.floor(Math.random() * 10);
      const color = colors[Math.floor(Math.random() * 3)];
      const emoji = emojis[index];
      const span = document.createElement('span');
      span.textContent = emoji;
      span.classList.add('emoji');
      span.classList.add(color);
      span.addEventListener('click', function () {
        scoreObject.addScore(color);
        displayScore();
        span.remove();
      });
      const container = document.getElementById('emoji-container');
      container.appendChild(span);

setTimeout(function () {
        if (span.parentNode != null) {
          container.removeChild(span);
          scoreObject.addPenalty();
        }
      }, 5000);
    }

// 残り時間を表示する関数
    function displayTime() {
      const time = document.getElementById('time');
      time.textContent = timerObject.remainingTime;
    }

// スコアを表示する関数
    function displayScore() {
      const score = document.getElementById('score');
      score.textContent = 'Score: ' + scoreObject.score + ' (-' + scoreObject.penalty + ')';
    }

// ゲームを開始する関数
    function startGame() {
      timerObject.startTimer();
      displayTime();
      displayScore();
      displayEmoji();
    }

// ゲームをリセットする関数
    function resetGame() {
      timerObject.stopTimer();
      scoreObject.score = 0;
      scoreObject.penalty = 0;
      timerObject.remainingTime = 60;
      displayScore();
      displayTime();
      const container = document.getElementById('emoji-container');
      while (container.firstChild) {
        container.removeChild(container.firstChild);
      }
    }
  </script>
</head>
<body>
  <h1>Emoji Catcher</h1>
  <div id="time"></div>
  <div id="score"></div>
  <div id="emoji-container"></div>
  <button onclick="startGame()">Start</button>
  <button onclick="resetGame()">Reset</button>
</body>
</html>
```

以上が実装例となります。スマートフォンにて動作するようにレイアウトはシンプルにしており、絵文字も表示されるだけですが、タップして得点が加算され、60秒以内に得点を稼いでいきます。また、誤タップすると減点されるので、慎重にタップしましょう。ゲームを始めるにはStartボタンを、リセットするにはResetボタンをタップしてください。

以上、宜しくお願い致します。