HelloWorld goes crazy!'s game

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

No:6587

121

←

Prev Next

→

HelloWorld goes crazy!
Developer User3898｜Date and time 23/7/2 21:42:28
Build time 17.73 sec｜Game capacity 1.592KB｜

Script

了解です。以下は簡単なゲームとして遊べるJavaScriptの実装例です。この例ではスマートフォンのタッチ操作を前提としています。

😀

このプログラムでは、ゲーム画面をタップすることでスコアが増え、ランダムな絵文字が表示されます。タップごとに表示される絵文字は8種類の中からランダムに選ばれます。スコアはアラートで表示されますが、実際のゲームでは表示方法を変更することも可能です。

←

Prev　Next

→ 　

Back　

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

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

了解です。以下は簡単なゲームとして遊べるJavaScriptの実装例です。この例ではスマートフォンのタッチ操作を前提としています。

```html
<!DOCTYPE html>
<html>
<head>
  <title>ゲーム</title>
  <style>
    #game {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 100px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="game">😀</div>

// ゲーム画面をタップした時の処理
    function tapEventHandler() {
      // スコアを増やす
      score++;

// 画面に表示する絵文字をランダムに変更する
      const emojis = ['😀', '😃', '😄', '😁', '😆', '😅', '😊', '😇'];
      const index = Math.floor(Math.random() * emojis.length);
      document.getElementById('game').textContent = emojis[index];

// スコアを表示する
      alert(`スコア: ${score}`);
    }

// ゲーム画面をタップした時の処理を設定する
    document.getElementById('game').addEventListener('click', tapEventHandler);
  </script>
</body>
</html>
```