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

No:17692

135

←

Prev Next

→

Make Mario
Developer User7437｜Date and time 23/9/24 9:28:14
Build time 2.755 sec｜Game capacity 0.318KB｜

Script

The AI could not be gamified with this prompt. Please try again with different prompts. .
Displays games created by AI in the past at random.

了解です。以下、スマホ操作前提で遊べるゲームの例を示します。このゲームは「元気玉」という名前のゲームです。

元気玉

タップして元気玉を発射しよう！

このゲームでは、「元気玉を発射」ボタンをタップすると、画面上にランダムな絵文字が表示され、ランダムな位置に動きます。元気玉は一定時間経過後にフェードアウトし、画面から削除されます。タップするたびに新しい元気玉が生成されるため、繰り返し遊ぶことができます。

←

Prev　Next

→ 　

Back　

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

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

<p style='font-size:14px;background-color:#FF0'>The AI could not be gamified with this prompt. Please try again with different prompts. . <br>Displays games created by AI in the past at random.</p>了解です。以下、スマホ操作前提で遊べるゲームの例を示します。このゲームは「元気玉」という名前のゲームです。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>元気玉</title>
</head>
<body>
  <div id="container">
    <h1>元気玉</h1>
    <p id="message">タップして元気玉を発射しよう！</p>
    <button id="launchButton" onclick="launch()">発射</button>
    <div id="gameArea"></div>
  </div>

// 元気玉を発射する関数
    function launch() {
      const gameArea = document.getElementById("gameArea");
      
      // 元気玉の絵文字
      const emojiList = ["🌟", "✨", "💫", "🔥", "🌈"];

// 元気玉を作成
      const gekidama = document.createElement("div");
      gekidama.className = "gekidama";
      gekidama.innerHTML = emojiList[getRandomInt(0, emojiList.length - 1)];

// ゲームエリアに元気玉を追加
      gameArea.appendChild(gekidama);

// 元気玉をランダムな位置に移動させる
      gekidama.style.left = getRandomInt(20, window.innerWidth - 120) + "px";
      gekidama.style.top = getRandomInt(20, window.innerHeight - 120) + "px";

// フェードアウトさせるアニメーションを追加
      gekidama.animate(
        { opacity: [1, 0] },
        { duration: 1500, fill: "forwards" }
      );

// 元気玉がフェードアウトした後に削除
      setTimeout(() => {
        gameArea.removeChild(gekidama);
      }, 1500);
    }
  </script>
</body>
</html>
```