ASCII art's game | AI game creator

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

No:4255

4672

ASCII art
Developer もちきなこ｜Date and time 23/6/27 15:59:34
Build time 31.325 sec｜Game capacity 3.693KB｜

は省略する。了解。以下が私が作った「たこあげゲーム」です。このゲームは、プレイヤーがタップすることで、エサを食べて成長するたこを高く飛ばすことが目的です。以下のコードを1枚のHTMLファイルに書き、JavaScriptを含むようにしました。

🐙

🍤

このゲームをプレイするには、以下のステップを実行します。 1. 上記のコードを1枚のHTMLファイルにコピーし、任意のテキストエディタで開きます。 2. ファイルをブラウザで開きます。 3. ゲームが自動的に開始されます。タップもしくは「↑」キー／「↓」キーを使ってたこを動かします。 4. 30秒間の制限時間内に、できるだけ高くたこを飛ばし、スコアを稼ぎます。 5. 制限時間が経過すると、スコアが表示されます。このゲームは、スマホでもPCでも遊ぶことができます。また、絵文字を使用していますので、スマホでも十分楽しめるものになっています。ご試遊いただけたら幸いです。

→ 　

2　

1　

　
　

[PR]現在の売れ筋アプリランキング

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

(C)2023 HisashiApp

は省略する。

了解。

以下が私が作った「たこあげゲーム」です。このゲームは、プレイヤーがタップすることで、エサを食べて成長するたこを高く飛ばすことが目的です。以下のコードを1枚のHTMLファイルに書き、JavaScriptを含むようにしました。

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>たこあげゲーム</title>
    <style>
      #octopus {
        font-size: 80px;
        text-align: center;
      }
      #food {
        font-size: 20px;
      }
    </style>
  </head>
  <body>
    <div id="octopus">🐙</div>
    <div id="food">🍤</div>
    <script>
      let octopus = document.getElementById("octopus");
      let food = document.getElementById("food");
      let score = 0;
      let timer = null;
      
      function moveUp() {
        let top = parseInt(octopus.style.top) - 20;
        if (top < 0) {
          top = 0;
        }
        octopus.style.top = top + "px";
        checkCollision();
      }
      
      function moveDown() {
        let top = parseInt(octopus.style.top) + 20;
        if (top > window.innerHeight - 100) {
          top = window.innerHeight - 100;
        }
        octopus.style.top = top + "px";
        checkCollision();
      }
      
      function checkCollision() {
        let octopusRect = octopus.getBoundingClientRect();
        let foodRect = food.getBoundingClientRect();
        if (octopusRect.right >= foodRect.left && 
            octopusRect.left <= foodRect.right &&
            octopusRect.bottom >= foodRect.top &&
            octopusRect.top <= foodRect.bottom) {
          score += 10;
          food.style.top = Math.floor(Math.random() * (window.innerHeight - 100)) + "px";
          food.style.left = Math.floor(Math.random() * (window.innerWidth - 100)) + "px";
          octopus.innerHTML += "🍤";
        }
      }
      
      function startGame() {
        food.style.top = Math.floor(Math.random() * (window.innerHeight - 100)) + "px";
        food.style.left = Math.floor(Math.random() * (window.innerWidth - 100)) + "px";
        octopus.style.top = (window.innerHeight - 100) / 2 + "px";
        octopus.innerHTML = "🐙";
        score = 0;
        timer = setInterval(moveUp, 1000);
        setTimeout(function() {
          clearInterval(timer);
          alert("Game over! Score: " + score);
        }, 30000);
      }
      
      document.addEventListener("DOMContentLoaded", function() {
        startGame();
        document.addEventListener("keydown", function(event) {
          if (event.code === "ArrowUp") {
            moveUp();
          } else if (event.code === "ArrowDown") {
            moveDown();
          }
        });
        document.addEventListener("click", function() {
          moveUp();
        });
      });
    </script>
  </body>
</html>
```

このゲームをプレイするには、以下のステップを実行します。

1. 上記のコードを1枚のHTMLファイルにコピーし、任意のテキストエディタで開きます。
2. ファイルをブラウザで開きます。
3. ゲームが自動的に開始されます。タップもしくは「↑」キー／「↓」キーを使ってたこを動かします。
4. 30秒間の制限時間内に、できるだけ高くたこを飛ばし、スコアを稼ぎます。
5. 制限時間が経過すると、スコアが表示されます。

このゲームは、スマホでもPCでも遊ぶことができます。また、絵文字を使用していますので、スマホでも十分楽しめるものになっています。ご試遊いただけたら幸いです。