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

No:2574

2219

I want to produce idols!
Developer AI絵師｜Date and time 23/6/22 0:40:10
Build time 37.563 sec｜Game capacity 3.211KB｜

はい、アイドル育成ゲームを作りましょう！以下が1枚のHTMLファイルになります。スマホでのプレイに最適化して、絵文字を多用しています。

アイドルプロデュースゲーム

名前：
年齢：
アイコン：

バラエティ番組の企画で歌を歌うことになりました！

インターネットでアイドルを宣伝しましょう！

才能：点
人気：点

ゲームの遊び方は簡単です。アイドルの育成を目的として、歌唱力と人気を上げていきます。まず、バラエティ番組で歌うことになったという設定で、歌を歌うボタンを押します。すると、アイドルの才能が1点上がります。次に、インターネットでアイドルを宣伝することにしましょう。宣伝するボタンを押すと、アイドルの人気が1点上がります。この2つの行動を繰り返すことで、育成に必要な才能と人気を上げていきます。絵文字アイドルをプロデュースして、最高のアイドルを目指しましょう！

→ 　

0　

0　

[PR]現在の新着人気ランキング

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

(C)2023 HisashiApp

はい、アイドル育成ゲームを作りましょう！

以下が1枚のHTMLファイルになります。スマホでのプレイに最適化して、絵文字を多用しています。

<html>
  <head>
    <title>アイドルプロデュースゲーム</title>
    <style>
      /* スタイル */
      body {
        font-size: 2rem;
        text-align: center;
        background-color: pink;
      }
      button {
        font-size: 1.5rem;
        padding: 0.5rem 1rem;
        border-radius: 1rem;
        background-color: white;
        color: red;
      }
      img {
        width: 50%;
        margin-bottom: 1rem;
        border-radius: 50%;
      }
    </style>
    <script>
      /* JavaScript */
      let idol = {
        name: "絵文字アイドル",
        age: 17,
        emoji: "🎤",
        talent: 0,
        popularity: 0
      };

function sing() {
        idol.talent++;
        updateDisplay();
      }

function promote() {
        idol.popularity++;
        updateDisplay();
      }

function updateDisplay() {
        document.getElementById("name").textContent = idol.name;
        document.getElementById("age").textContent = idol.age;
        document.getElementById("emoji").textContent = idol.emoji;
        document.getElementById("talent").textContent = idol.talent;
        document.getElementById("popularity").textContent = idol.popularity;

// 絵文字アイコンの変更
        document.getElementById("icon").src =
          "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/271/microphone_1f3a4.png";
          // この部分は絵文字アイコンのURLに変更してください
      }
      updateDisplay();
    </script>
  </head>
  <body>
    <h1>アイドルプロデュースゲーム</h1>
    <img id="icon" src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/271/girl_1f467.png">

<p>
      名前：<span id="name"></span><br>
      年齢：<span id="age"></span><br>
      アイコン：<span id="emoji"></span>
    </p>

<p>
      バラエティ番組の企画で歌を歌うことになりました！
      <br><br>
      <button onclick="sing()">歌う</button>
      <br><br>
      インターネットでアイドルを宣伝しましょう！
      <br><br>
      <button onclick="promote()">宣伝する</button>
    </p>

<p>
      才能：<span id="talent"></span>点<br>
      人気：<span id="popularity"></span>点
    </p>
  </body>
</html>

ゲームの遊び方は簡単です。アイドルの育成を目的として、歌唱力と人気を上げていきます。まず、バラエティ番組で歌うことになったという設定で、歌を歌うボタンを押します。すると、アイドルの才能が1点上がります。次に、インターネットでアイドルを宣伝することにしましょう。宣伝するボタンを押すと、アイドルの人気が1点上がります。この2つの行動を繰り返すことで、育成に必要な才能と人気を上げていきます。

絵文字アイドルをプロデュースして、最高のアイドルを目指しましょう！