AI game creator

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

No:11487

←

Prev Next

→

Pythagorean switch
Developer User4892｜Date and time 23/8/10 9:13:57
Build time 9.208 sec｜Game capacity 1.647KB｜

Script

了解しました。以下にピタゴラスイッチの実装例を記述します。

上記のコードは、ピタゴラスイッチのゲームを実装したものです。8つの青い箱が並んでおり、順番に赤く光り、その後黄色く光るアニメーションが繰り返されます。この動作は、指定された条件に従ってJavaScriptで制御されています。プログラム全体を`
`タグで囲んであり、実行開始されるようになっています。

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

了解しました。以下にピタゴラスイッチの実装例を記述します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>ピタゴラスイッチ</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      font-size: 0;
    }

.box {
      display: inline-block;
      width: 100px;
      height: 100px;
      background-color: #007bff;
      vertical-align: bottom;
      transition: transform 0.3s;
    }

.red {
      background-color: red;
    }

.yellow {
      background-color: yellow;
    }
  </style>
</head>
<body>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <script>
    var boxes = document.querySelectorAll('.box');

animate(0);
  </script>
</body>
</html>
```

上記のコードは、ピタゴラスイッチのゲームを実装したものです。8つの青い箱が並んでおり、順番に赤く光り、その後黄色く光るアニメーションが繰り返されます。この動作は、指定された条件に従ってJavaScriptで制御されています。プログラム全体を`<script>`タグで囲んであり、実行開始されるようになっています。