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

No:10179

Aquarium! Players can choose what they want to see..ALL
Developer FirstNormalPerson｜Date and time 23/7/29 6:29:49
Build time 16.633 sec｜Game capacity 2.563KB｜

Script

Here's an example of a single HTML file game called "Aquarium Adventure" where players can choose to see fishes, sharks, or dolphins. The game will display their chosen selection as they move in the virtual aquarium:

Aquarium Adventure

Choose what you want to see:

In this game, there is an `aquarium` div where the selected fish, shark, or dolphin will be displayed and move around randomly using the `move()` function. Players can click on the buttons to choose what they want to see in the aquarium. The `clearAquarium()` function is used to remove any previously displayed elements before displaying the newly selected one.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```
<!DOCTYPE html>
<html>
<head>
  <title>Aquarium Adventure</title>
  <style>
    #aquarium {
      width: 500px;
      height: 400px;
      background-color: lightblue;
      position: relative;
    }
    
    .fish,
    .shark,
    .dolphin {
      position: absolute;
      width: 50px;
      height: 50px;
    }
    
    .fish {
      background-color: yellow;
      border-radius: 50%;
    }
    
    .shark {
      background-color: gray;
      border-radius: 50%;
    }
    
    .dolphin {
      background-color: blue;
      border-radius: 50%;
    }
  </style>
</head>
<body>
  <h1>Aquarium Adventure</h1>
  
  <div id="aquarium"></div>
  
  <h2>Choose what you want to see:</h2>
  <button onclick="chooseFish()">Fishes</button>
  <button onclick="chooseShark()">Sharks</button>
  <button onclick="chooseDolphin()">Dolphins</button>
  
  <script>
    var aquarium = document.getElementById("aquarium");
    
    function chooseFish() {
      clearAquarium();
      var fish = document.createElement("div");
      fish.className = "fish";
      aquarium.appendChild(fish);
      
      move(fish);
    }
    
    function chooseShark() {
      clearAquarium();
      var shark = document.createElement("div");
      shark.className = "shark";
      aquarium.appendChild(shark);
      
      move(shark);
    }
    
    function chooseDolphin() {
      clearAquarium();
      var dolphin = document.createElement("div");
      dolphin.className = "dolphin";
      aquarium.appendChild(dolphin);
      
      move(dolphin);
    }
    
    function move(element) {
      var x = 0;
      var y = 0;
      
      setInterval(function() {
        x += Math.random() * 10;
        y += Math.random() * 10;
        
        element.style.transform = "translate(" + x + "px, " + y + "px)";
      }, 500);
    }
    
    function clearAquarium() {
      while (aquarium.firstChild) {
        aquarium.removeChild(aquarium.firstChild);
      }
    }
  </script>
</body>
</html>
```