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

No:4273

1145

More tomatoes.
Developer sayaensm｜Date and time 23/6/27 18:37:38
Build time 27.188 sec｜Game capacity 2.629KB｜

こちらの要件に従い、JavaScriptを使用したスマホゲームを作成しました。プログラムは以下の通りです：

トマト収穫ゲーム

スマートフォンを傾けてトマトを収穫しよう！

制限時間内に何個のトマトを収穫できるかな？

このプログラムは、「トマト収穫ゲーム」というタイトルのスマホゲームです。スマホを傾けることでトマトを収穫し、制限時間内に何個のトマトを収穫できるかを競います。プログラムはHTMLファイルの1枚で実装されており、JavaScriptは`script`タグで囲まれています。また、スマホで遊ぶことを前提に、絵文字を使用しています。実際にゲームをプレイする場合は、ブラウザでHTMLファイルを開き、スマホで画面を傾けるようにするとトマトが表示され、収穫できます。制限時間が終了したら、アラートが表示され、収穫したトマトの数が表示されます。

→ 　

1　

0　

[PR]現在のフィギュア売れ筋ランキング

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

(C)2023 HisashiApp

こちらの要件に従い、JavaScriptを使用したスマホゲームを作成しました。プログラムは以下の通りです：

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>トマト収穫ゲーム</title>
  </head>

<body>
    <h1>トマト収穫ゲーム</h1>
    <p>スマートフォンを傾けてトマトを収穫しよう！</p>
    <p>制限時間内に何個のトマトを収穫できるかな？</p>

<p id="counter"></p>
    <p id="timer"></p>

<script>
      let counter = 0;
      let timeLeft = 30;

function getRandomPosition(min, max) {
        return Math.floor(Math.random() * (max - min + 1)) + min;
      }

function updateCounter() {
        document.getElementById("counter").innerHTML = "トマト数：" + counter;
      }

function updateTimeLeft() {
        timeLeft--;
        document.getElementById("timer").innerHTML = "残り時間：" + timeLeft;

if (timeLeft === 0) {
          clearInterval(timer);
          alert("制限時間終了！トマト数：" + counter);
        }
      }

function createTomato() {
        const tomato = document.createElement("img");
        tomato.src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/72/microsoft/209/tomato_1f345.png";
        tomato.style.position = "absolute";
        tomato.style.left = getRandomPosition(0, window.innerWidth - 50) + "px";
        tomato.style.top = getRandomPosition(50, window.innerHeight - 100) + "px";
        tomato.style.width = "50px";
        tomato.addEventListener("click", function() {
          counter++;
          updateCounter();
          tomato.remove();
        });
        document.body.appendChild(tomato);
      }

let timer = setInterval(updateTimeLeft, 1000);
      setInterval(createTomato, 1000);
    </script>
  </body>
</html>
```

このプログラムは、「トマト収穫ゲーム」というタイトルのスマホゲームです。スマホを傾けることでトマトを収穫し、制限時間内に何個のトマトを収穫できるかを競います。

プログラムはHTMLファイルの1枚で実装されており、JavaScriptは`script`タグで囲まれています。また、スマホで遊ぶことを前提に、絵文字を使用しています。

実際にゲームをプレイする場合は、ブラウザでHTMLファイルを開き、スマホで画面を傾けるようにするとトマトが表示され、収穫できます。制限時間が終了したら、アラートが表示され、収穫したトマトの数が表示されます。