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

No:8094

1031

←

Prev Next

→

The Creators Responsibility Experience Game! Aquar..ALL
Developer User3589｜Date and time 23/7/12 23:25:11
Build time 12.388 sec｜Game capacity 4.027KB｜

Script

アクアリウム！ただし石油由来！水分は使用不可！液体も不可！

スコア: 0

アクアリウムの中には如何なる神もいない...

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>アクアリウム！ただし石油由来！水分は使用不可！液体も不可！</title>
  <style>
    .aquarium {
      background-color: #000000; 
      width: 400px;
      height: 400px;
      position: relative;
      transition: background-color 0.5s;
    }
    .object {
      position: absolute;
      font-size: 25px;
      transition: color 1s, transform 1s;
      cursor: pointer;
    }
    #score {
  position: absolute;
  color: #FFFFFF;
  top: 550px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 20px;
}
    #noGod {
      font-size: 20px;
      color: #FFFFFF;
      text-align: center;
      padding-top: 20px;
    }
  </style>
</head>
<body>
  <h1>アクアリウム！ただし石油由来！水分は使用不可！液体も不可！</h1>
  
  <div class="aquarium" id="aquarium"></div>
  
  <div id="score">スコア: 0</div>
  
  <button onclick="createOilObject()">石油オブジェクトを作成する</button>
  
  <div id="noGod">アクアリウムの中には如何なる神もいない...</div>

var ressentimentVoices = ["私はあなたを許さない...", "なぜ私を消すの？", "これが私の運命...", "私の存在は虚無へ..."];

function createOilObject() {
      var object = document.createElement("div");
      object.classList.add("object");
      object.innerHTML = objects[Math.floor(Math.random() * objects.length)];
      var randomX = Math.floor(Math.random() * (aquarium.offsetWidth - 30));
      var randomY = Math.floor(Math.random() * (aquarium.offsetHeight - 30));
      object.style.left = randomX + "px";
      object.style.top = randomY + "px";
      aquarium.appendChild(object);

object.onclick = function() {
        this.style.transform = "scale(2)";
        this.style.color = "red";
        setTimeout(function() {
          aquarium.removeChild(object);
          var ressentimentVoice = ressentimentVoices[Math.floor(Math.random() * ressentimentVoices.length)];
          alert(ressentimentVoice);
          incrementScore();
        }, 1000);
      }
      
      // Decrease lifetime
      objectLifetime = Math.max(1000, objectLifetime - 100);
      autoCreateSpeed = Math.max(500, autoCreateSpeed - 50);
    }

function incrementScore() {
      // Increase score
      score++;
      scoreElement.innerHTML = "スコア: " + score;
      aquarium.style.backgroundColor = "#FFFFFF";

setTimeout(function() {
        aquarium.style.backgroundColor = "#000000";
      }, 100);

// Reward player
      if (score % 10 === 0) {
        body.style.backgroundColor = "#FFFF00";
        setTimeout(function() {
          body.style.backgroundColor = getRandomBlue();
        }, 500);
        alert("スコアが " + score + "に到達しました！よくやった！");
        beep();
      }
    }

function getRandomBlue() {
      var shadesOfBlue = ["#0000FF","#0000CC", "#000099", "#000066", "#000033"];
      return shadesOfBlue[Math.floor(Math.random() * shadesOfBlue.length)];
    }

function beep() {
      var context = new AudioContext();
      var o = context.createOscillator();
      var g = context.createGain();
      o.connect(g);
      o.frequency.value = Math.random() * 1000;
      g.connect(context.destination);
      o.start(0);
      g.gain.exponentialRampToValueAtTime(
        0.00001, context.currentTime + 1
      )
    }

setInterval(function() {
      createOilObject();
    }, autoCreateSpeed);
  </script>
</body>
</html>
```