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

No:8087

2056

←

Prev Next

→

Aquarium! However, petroleum-derived! No water all..ALL
Developer User3589｜Date and time 23/7/12 22:42:40
Build time 14.159 sec｜Game capacity 4.094KB｜

Script

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

スコア: 0

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

←

Prev　Next

→ 　

Back　

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

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: opacity 1s, transform 1s;
    }
    .explosion {
      position: absolute;
      font-size: 50px;
      color: #FF0000;
      transition: opacity 0.5s, transform 0.5s;
    }
    #score {
      position: absolute;
      color: #FFFFFF;
      top: 10px;
      left: 10px;
      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);

setTimeout(function() {
        object.style.opacity = "0";
        object.style.transform = "scale(1.5)";
        body.style.backgroundColor = getRandomBlue();
        beep();
      }, objectLifetime);

setTimeout(function() {
        aquarium.removeChild(object);
        var ressentimentVoice = ressentimentVoices[Math.floor(Math.random() * ressentimentVoices.length)];
        alert(ressentimentVoice);
      }, objectLifetime + 2000);

objectLifetime = Math.max(1000, objectLifetime - 100);
      autoCreateSpeed = Math.max(500, autoCreateSpeed - 50);
      
      // 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 + "に到達しました！よくやった！");
      }
    }

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(createOilObject, autoCreateSpeed);
  </script>
</body>
</html>