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

No:5139

1242

←

Prev Next

→

Cheese kamaboko vs. bamboo rings
Developer User3589｜Date and time 23/6/29 19:27:13
Build time 16.837 sec｜Game capacity 1.618KB｜

Script

了解しました。では、簡単なクリックゲームを作成しましょう。以下のコードは、HTMLファイル内のスクリプトタグでJavaScriptを実装した例です。

0

このゲームでは、画面をクリックするとスキルが表示され、スコアが加算されます。スキルはランダムな場所に表示され、表示から一定時間後に消えます。スコアは画面上部に表示されます。この例では、絵文字 "🔥" をスキルのアイコンとして使用しています。

←

Prev　Next

→ 　

Back　

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

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

了解しました。では、簡単なクリックゲームを作成しましょう。以下のコードは、HTMLファイル内のスクリプトタグでJavaScriptを実装した例です。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>クリックゲーム</title>
  <style>
    body {
      font-size: 48px;
      text-align: center;
      margin-top: 200px;
    }
  </style>
</head>
<body>
  <h1 id="score">0</h1>

// スキルクリック時のイベント処理
    function clickSkill() {
      score++;
      document.getElementById('score').textContent = score;
    }

// スキル表示の定期更新処理
    setInterval(function() {
      let skill = document.createElement('span');
      skill.textContent = '🔥';
      skill.style.left = Math.random() * 90 + '%';
      skill.style.animationDuration = Math.random() * 3 + 2 + 's';
      document.body.appendChild(skill);

skill.addEventListener('animationend', function() {
        document.body.removeChild(this);
      });
    }, 1000);

// スキルクリック時のイベントリスナー登録
    document.addEventListener('click', clickSkill);
  </script>
</body>
</html>
```

このゲームでは、画面をクリックするとスキルが表示され、スコアが加算されます。スキルはランダムな場所に表示され、表示から一定時間後に消えます。スコアは画面上部に表示されます。

この例では、絵文字 "🔥" をスキルのアイコンとして使用しています。