The most moe love simulation game's game

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

No:3389

1454

←

Prev Next

→

The most moe love simulation game
Developer ゲーミングパンダ｜Date and time 23/6/24 20:12:04
Build time 41.328 sec｜Game capacity 5.327KB｜

Script

を作ってみました。

スタート

←

Prev　Next

→ 　

Back　

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

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

を作ってみました。

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>萌え恋シミュレーション</title>
  <style>
    body {
      background-color: #fefefe;
      font-family: Arial, sans-serif;
    }
    
    #game-screen {
      width: 100%;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }
    
    #game-start {
      background-color: #ff69b4;
      color: #fff;
      padding: 20px;
      border-radius: 10px;
      cursor: pointer;
    }
    
    #game-text {
      font-size: 28px;
      margin-bottom: 30px;
    }
    
    #game-input {
      padding: 10px;
      font-size: 20px;
      border: none;
      border-radius: 5px;
      margin-bottom: 10px;
    }
    
    #game-submit {
      background-color: #ff69b4;
      color: #fff;
      padding: 10px 20px;
      border: none;
      border-radius: 5px;
      cursor: pointer;
    }
    
    #game-reset {
      background-color: #ffffff;
      color: #000;
      padding: 10px 20px;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      margin-left: 10px;
    }
  </style>
</head>
<body>
  <div id="game-screen">
    <div id="game-text"></div>
    <div id="game-input-wrapper">
      <input type="text" id="game-input">
      <button id="game-submit">送信</button>
      <button id="game-reset">リセット</button>
    </div>
    <div id="game-start">スタート</div>
  </div>
  
  <script>
    var currentScene = 0;
    var player = {
      name: "",
      lovePoints: 0
    };
    
    var scenes = [
      {
        text: "私は学校で一番人気のある生徒、【名前】さんです。あなたに片思い中の私です。声をかけてもらえると嬉しいです。",
        input: true,
        submit: function() {
          if (document.getElementById("game-input").value.trim().length > 0) {
            player.name = document.getElementById("game-input").value.trim();
            currentScene++;
            updateText();
          }
        }
      },
      {
        text: "【名前】さん、ようこそ私の部屋へ。少し話をしてから、お茶でも飲ませてくださいね。",
        input: false,
        options: [
          {
            text: "話をする",
            lovePoints: 5,
            nextScene: 2
          },
          {
            text: "断る",
            lovePoints: -5,
            nextScene: 1
          }
        ]
      },
      {
        text: "今日はあなたと話ができて嬉しかったです。また会いたいな。",
        input: false,
        options: [
          {
            text: "はい",
            lovePoints: 10,
            nextScene: 3
          },
          {
            text: "いいえ",
            lovePoints: -5,
            nextScene: 3
          }
        ]
      },
      {
        text: "私たちは幸せなカップルになりました。【名前】さん、今後ともよろしくお願いします。",
        input: false,
        options: []
      }
    ];
    
    function updateText() {
      var scene = scenes[currentScene];
      var text = scene.text.replace("【名前】", player.name);
      document.getElementById("game-text").textContent = text;
      
      if (scene.input) {
        document.getElementById("game-input-wrapper").style.display = "flex";
        document.getElementById("game-input").focus();
        document.getElementById("game-submit").addEventListener("click", scene.submit);
        document.getElementById("game-input").addEventListener("keydown", function(event) {
          if (event.keyCode === 13) {
            document.getElementById("game-submit").click();
          }
        });
        document.getElementById("game-reset").addEventListener("click", resetGame);
      } else {
        document.getElementById("game-input-wrapper").style.display = "none";
        var optionsContainer = document.createElement("div");
        optionsContainer.style.marginTop = "30px";
        for (var i = 0; i < scene.options.length; i++) {
          var option = scene.options[i];
          var optionButton = document.createElement("button");
          optionButton.textContent = option.text;
          optionButton.style.marginRight = "10px";
          optionButton.style.backgroundColor = "#ff69b4";
          optionButton.style.color = "#fff";
          optionButton.style.border = "none";
          optionButton.style.borderRadius = "5px";
          optionButton.style.padding = "10px 20px";
          optionButton.style.cursor = "pointer";
          optionButton.addEventListener("click", function(option) {
            return function() {
              player.lovePoints += option.lovePoints;
              currentScene = option.nextScene;
              updateText();
            }
          }(option));
          optionsContainer.appendChild(optionButton);
        }
        document.getElementById("game-screen").appendChild(optionsContainer);
      }
    }
    
    function resetGame() {
      currentScene = 0;
      player.name = "";
      player.lovePoints = 0;
      updateText();
    }
    
    document.getElementById("game-start").addEventListener("click", function() {
      resetGame();
    });
  </script>
</body>
</html>