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

No:9897

163

←

Prev Next

→

Sink Ships! 1.A large circle will be the ships. 2...ALL
Developer FirstNormalPerson｜Date and time 23/7/28 6:43:30
Build time 14.383 sec｜Game capacity 1.946KB｜

Script

Sure! Here's an example of a simple game called "Sink Ships!" implemented as a single HTML file using JavaScript, enclosed in script tags:

Sink Ships!

In this game, there is a large red circle representing the ship in the blue water. You can tap on the ship, and it will sink further down in the water. Once it reaches the bottom of the water (sinks completely), an alert message will be shown to inform the player. This game can be played on a smartphone. Note: This is just a basic implementation to demonstrate the concept. You can enhance the game further by adding multiple ships, keeping score, and adding visual effects.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple game called "Sink Ships!" implemented as a single HTML file using JavaScript, enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Sink Ships!</title>
  <style>
    /* CSS styles to position the ships and water */
    #water {
      background-color: blue;
      height: 400px;
      position: relative;
      overflow: hidden;
    }
    
    .ship {
      position: absolute;
      border-radius: 50%;
      width: 100px;
      height: 100px;
      background-color: red;
      cursor: pointer;
      transition: top 1s;
    }
  </style>
</head>
<body>
  
  <h1>Sink Ships!</h1>
  
  <div id="water">
    <div id="ship" class="ship"></div>
  </div>
  
  <script>
    // Function to sink the ship
    function sinkShip() {
      var shipElement = document.getElementById("ship");
      var waterElement = document.getElementById("water");
      
      // Move the ship further down in the water
      var currentTop = parseInt(shipElement.style.top);
      shipElement.style.top = (currentTop + 50) + "px";
      
      // Remove the ship after sinking completely
      if (currentTop >= (waterElement.offsetHeight - shipElement.offsetHeight)) {
        shipElement.remove();
        alert("Congratulations, you sank the ship!");
      }
    }
    
    // Add event listener to the ship to sink it on click
    document.getElementById("ship").addEventListener("click", sinkShip);
  </script>
</body>
</html>
```

Note: This is just a basic implementation to demonstrate the concept. You can enhance the game further by adding multiple ships, keeping score, and adding visual effects.