fine white noodles served flowing in a small flume's game

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

No:7764

489

←

Prev Next

→

fine white noodles served flowing in a small flume
Developer User3840｜Date and time 23/7/9 20:17:30
Build time 8.55 sec｜Game capacity 1.777KB｜

Script

了解しました。以下に、簡単な流しそうめんゲームの実装例を示します。

🍜

このゲームでは、流しそうめん（🍜）をスマホの画面上で動かし、なるべく多く捕まえることが目的です。ゲーム開始から10秒後に時間切れとなり、スコアがアラートで表示されます。再度ゲームを始めるには、画面を再読み込みしてください。なお、このゲームはスマホのブラウザ上で動作することを想定しています。デスクトップブラウザで実行する場合には、開発者ツールのモバイルモードを有効にしてください。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下に、簡単な流しそうめんゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>流しそうめんゲーム</title>
  <style>
    #somen {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 30px;
    }
  </style>
</head>
<body>
  <div id="somen">🍜</div>

function moveSomen(e) {
      const x = e.touches[0].clientX;
      const y = e.touches[0].clientY;
      somen.style.left = x + "px";
      somen.style.top = y + "px";
    }

function increaseScore() {
      score++;
      somen.innerText = "🍜" + score;
    }

function initializeGame() {
      setTimeout(function() {
        alert("ゲームオーバー！スコア: " + score);
        score = 0;
        somen.style.left = "50%";
        somen.style.top = "50%";
        somen.innerText = "🍜";
      }, 10000);

somen.addEventListener("mouseover", increaseScore);
      somen.addEventListener("touchmove", moveSomen);
    }

initializeGame();
  </script>
</body>
</html>
```

このゲームでは、流しそうめん（🍜）をスマホの画面上で動かし、なるべく多く捕まえることが目的です。ゲーム開始から10秒後に時間切れとなり、スコアがアラートで表示されます。再度ゲームを始めるには、画面を再読み込みしてください。

なお、このゲームはスマホのブラウザ上で動作することを想定しています。デスクトップブラウザで実行する場合には、開発者ツールのモバイルモードを有効にしてください。