AI game creator

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

No:5512

1909

←

Prev Next

→

jelly-puppies
Developer User3788｜Date and time 23/6/30 8:20:12
Build time 24.528 sec｜Game capacity 2.233KB｜

Script

了解です。では、ぷよぷよ風のゲームを作成しましょう。以下が1枚のHTMLファイルとして実装されたJavaScriptを含むぷよぷよ風のゲームです。

このゲームは、1秒ごとにランダムな色のぷよがゲームボードに落ちてきます。ぷよはアニメーションを使って落ちる様子が表示されます。ただし、この実装では動作が不完全であり、まだゲームとしては遊べる状態ではありません。また、スマートフォン操作には対応していません。全体のゲームプレイのルールや仕様についての詳細が提示されていないため、具体的なゲームとして完成させるためには、さらなる開発が必要になります。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

了解です。では、ぷよぷよ風のゲームを作成しましょう。

以下が1枚のHTMLファイルとして実装されたJavaScriptを含むぷよぷよ風のゲームです。

```html
<!DOCTYPE html>
<html>
<head>
  <title>ぷよぷよ風ゲーム</title>
  <style>
    .game-board {
      display: flex;
      border: 1px solid black;
      width: 300px;
      height: 400px;
      flex-wrap: wrap;
      position: relative;
    }
    
    .puyo {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      position: absolute;
      animation-name: fall;
      animation-duration: 1s;
      animation-timing-function: linear;
      animation-fill-mode: forwards;
    }
    
    @keyframes fall {
      0% {
        top: -50px;
      }
    
      100% {
        top: 0;
      }
    }
    
    .red {
      background-color: red;
    }
    
    .blue {
      background-color: blue;
    }
    
    .green {
      background-color: green;
    }
    
    .yellow {
      background-color: yellow;
    }
  </style>
</head>
<body>
  <div id="gameBoard" class="game-board"></div>
  <script>
    const gameBoard = document.getElementById("gameBoard");
    const colors = ["red", "blue", "green", "yellow"];
    
    function createPuyo() {
      const puyo = document.createElement("div");
      const color = colors[Math.floor(Math.random() * colors.length)];
      puyo.classList.add("puyo", color);
      return puyo;
    }
    
    function addPuyoToBoard() {
      const puyo = createPuyo();
      gameBoard.appendChild(puyo);
    }
    
    setInterval(addPuyoToBoard, 1000);
  </script>
</body>
</html>
```

このゲームは、1秒ごとにランダムな色のぷよがゲームボードに落ちてきます。ぷよはアニメーションを使って落ちる様子が表示されます。

ただし、この実装では動作が不完全であり、まだゲームとしては遊べる状態ではありません。また、スマートフォン操作には対応していません。

全体のゲームプレイのルールや仕様についての詳細が提示されていないため、具体的なゲームとして完成させるためには、さらなる開発が必要になります。