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

No:4863

3361

←

Prev Next

→

Undersea Combat! Dolphins and k○ller whales fight!
Developer User3589｜Date and time 23/6/28 22:59:14
Build time 33.698 sec｜Game capacity 3.336KB｜

Script

了解しました！以下は「海底戦闘！イルカとシャチの戦い！」というゲームのサンプルコードです。

海底戦闘！イルカとシャチの戦い！

🐬 🐋

Score: 0

Game Over!

このコードでは、イルカとシャチが海底で戦うゲームを実装しています。イルカをタップすることで攻撃し、スコアを上げます。一方、シャチがイルカに当たるとゲームオーバーとなります。スコアやゲームオーバーメッセージも表示されます。また、シャチの位置はランダムに変化します。このコードをHTMLファイルに保存し、Webブラウザで実行するとゲームが遊べます。スマホで操作することを前提としているため、タップ操作でイルカを操作することができます。

←

Prev　Next

→ 　

Back　

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

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

了解しました！以下は「海底戦闘！イルカとシャチの戦い！」というゲームのサンプルコードです。

```html
<!DOCTYPE html>
<html>
<head>
  <title>海底戦闘！イルカとシャチの戦い！</title>
  <style>
    #game-board {
      width: 300px;
      height: 300px;
      border: 1px solid black;
      position: relative;
    }
    #dolphin {
      position: absolute;
      top: 50%;
      left: 10px;
      transform: translate(0, -50%);
      font-size: 30px;
    }
    #orca {
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translate(0, -50%);
      font-size: 30px;
      cursor: pointer;
    }
    .score {
      font-size: 20px;
      margin-top: 10px;
    }
    #game-over {
      font-size: 25px;
      color: red;
      text-align: center;
      margin-top: 20px;
      display: none;
    }
  </style>
</head>
<body>
  <h1>海底戦闘！イルカとシャチの戦い！</h1>
  
  <div id="game-board">
    <span id="dolphin">🐬</span>
    <span id="orca" onclick="attack()">🐋</span>
  </div>
  
  <div class="score">Score: <span id="score">0</span></div>
  
  <div id="game-over">Game Over!</div>
  
  <script>
    var score = 0;
    var gameBoard = document.getElementById("game-board");
    var dolphin = document.getElementById("dolphin");
    var orca = document.getElementById("orca");
    var gameOver = document.getElementById("game-over");
  
    function getRandomNumber(min, max) {
      return Math.floor(Math.random() * (max - min + 1)) + min;
    }
  
    function attack() {
      if (!gameOver.style.display) {
        score++;
        document.getElementById("score").textContent = score;
        orca.style.animation = "";
        setTimeout(function() {
          var topPosition = getRandomNumber(0, gameBoard.clientHeight - orca.clientHeight);
          orca.style.top = topPosition + "px";
          orca.style.animation = "move-orca 1s infinite linear";
        }, 100);
      }
    }
  
    function checkCollision() {
      var dolphinLeft = dolphin.offsetLeft;
      var dolphinTop = dolphin.offsetTop;
      var dolphinWidth = dolphin.clientWidth;
      var dolphinHeight = dolphin.clientHeight;
  
      var orcaLeft = orca.offsetLeft;
      var orcaTop = orca.offsetTop;
      var orcaWidth = orca.clientWidth;
      var orcaHeight = orca.clientHeight;
  
      if (dolphinLeft < orcaLeft + orcaWidth &&
          dolphinLeft + dolphinWidth > orcaLeft &&
          dolphinTop < orcaTop + orcaHeight &&
          dolphinHeight + dolphinTop > orcaTop) {
        gameOver.style.display = "block";
      }
    }
  
    setInterval(checkCollision, 100);
  </script>
</body>
</html>
```

このコードでは、イルカとシャチが海底で戦うゲームを実装しています。イルカをタップすることで攻撃し、スコアを上げます。一方、シャチがイルカに当たるとゲームオーバーとなります。スコアやゲームオーバーメッセージも表示されます。また、シャチの位置はランダムに変化します。

このコードをHTMLファイルに保存し、Webブラウザで実行するとゲームが遊べます。スマホで操作することを前提としているため、タップ操作でイルカを操作することができます。