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

No:4861

2505

←

Prev Next

→

Suddenly everything is resolved.
Developer sayaensm｜Date and time 23/6/28 22:56:38
Build time 23.553 sec｜Game capacity 2.049KB｜

Script

了解しました。それでは、以下にJavaScriptで実装されたシンプルなゲームの例を示します。

シンプルなゲーム

スコア: 0

このゲームでは、クリックするとスコアが増え、1.5秒ごとに画面内にランダムな位置に絵文字が表示されます。絵文字は1秒後に消えます。ゲームエリアは中央に表示され、スコアも表示されます。上記のコードを1枚のhtmlファイルとして保存して、スマートフォンのブラウザで開くと、このゲームをプレイすることができます。プレイヤーは絵文字をクリックしてスコアを増やすことが目標です。ご希望の内容に沿うゲームを作成できました。ご不明な点があればお知らせください。

←

Prev　Next

→ 　

Back　

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

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

了解しました。それでは、以下にJavaScriptで実装されたシンプルなゲームの例を示します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>シンプルなゲーム</title>
<style>
  body {
    text-align: center;
  }
  #title {
    font-size: 24px;
    margin: 20px 0;
  }
  #score {
    font-size: 16px;
    margin: 10px 0;
  }
  #gameArea {
    width: 200px;
    height: 200px;
    background-color: #ccc;
    margin: 0 auto;
  }
</style>
</head>
<body>
<h1 id="title">シンプルなゲーム</h1>
<p id="score">スコア: <span id="scoreValue">0</span></p>
<div id="gameArea"></div>

gameArea.addEventListener("click", function() {
    score++;
    document.getElementById("scoreValue").textContent = score;
  });

setInterval(function() {
    var emoji = "😊";
    var x = Math.floor(Math.random() * 180);
    var y = Math.floor(Math.random() * 180);
    var emojiElement = document.createElement("span");
    emojiElement.style.position = "absolute";
    emojiElement.style.left = x + "px";
    emojiElement.style.top = y + "px";
    emojiElement.innerHTML = emoji;
    gameArea.appendChild(emojiElement);

setTimeout(function() {
      gameArea.removeChild(emojiElement);
    }, 1000);
  }, 1500);
</script>
</body>
</html>
```

このゲームでは、クリックするとスコアが増え、1.5秒ごとに画面内にランダムな位置に絵文字が表示されます。絵文字は1秒後に消えます。ゲームエリアは中央に表示され、スコアも表示されます。

上記のコードを1枚のhtmlファイルとして保存して、スマートフォンのブラウザで開くと、このゲームをプレイすることができます。プレイヤーは絵文字をクリックしてスコアを増やすことが目標です。

ご希望の内容に沿うゲームを作成できました。ご不明な点があればお知らせください。