Various animal pictograms fly around while scaling up and down in a large rotation, and the background flickers in rainbow colors, an impossible chaos.'s game

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

No:9562

126

←

Prev Next

→

Various animal pictograms fly around while scaling..ALL
Developer User4369｜Date and time 23/7/26 2:21:19
Build time 24.438 sec｜Game capacity 2.432KB｜

Script

了解です。以下は、要件に基づいたプログラムの例です。

このプログラムでは、指定された要件に従って以下のようなゲームが実装されています: - プログラム開始時には、body要素の背景が虹色に明滅します。 - インターバルごとに、画面上にランダムな動物絵文字が追加されます。動物の位置、色、文字サイズはランダムに決定されます。 - 各動物は、ランダムな方向・速度で拡大縮小しながら回転します。

←

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>
    body {
      background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
      animation: blink 1s infinite alternate;
    }

@keyframes blink {
      0% {
        opacity: 1;
      }
      100% {
        opacity: 0.5;
      }
    }

.animal {
      position: absolute;
      font-size: 50px;
    }
  </style>
</head>
<body>
  <script>
    document.addEventListener('DOMContentLoaded', function () {
      var animals = ["🐶", "🐱", "🐰", "🐼", "🐵", "🐢"];
      var colors = ["red", "orange", "yellow", "green", "blue", "indigo", "violet"];
      var maxWidth = window.innerWidth;
      var maxHeight = window.innerHeight;

function getRandomNumber(min, max) {
        return Math.floor(Math.random() * (max - min + 1)) + min;
      }

function createAnimal() {
        var animal = document.createElement("span");
        animal.classList.add("animal");
        animal.innerText = animals[getRandomNumber(0, animals.length - 1)];
        animal.style.color = colors[getRandomNumber(0, colors.length - 1)];
        animal.style.left = getRandomNumber(0, maxWidth) + "px";
        animal.style.top = getRandomNumber(0, maxHeight) + "px";
        document.body.appendChild(animal);

animateAnimal(animal);
      }

function animateAnimal(animal) {
        var rotateAngle = 0;
        var scale = 1;
        var rotateDirection = getRandomNumber(0, 1) === 0 ? -1 : 1;

setInterval(function () {
          animal.style.transform = "rotate(" + rotateAngle + "deg) scale(" + scale + ")";
          
          rotateAngle += 10 * rotateDirection;
          scale = scale < 1 ? scale + 0.1 : 0.1;
        }, 100);
      }

setInterval(createAnimal, 1000);
    });
  </script>
</body>
</html>
```

このプログラムでは、指定された要件に従って以下のようなゲームが実装されています:

- プログラム開始時には、body要素の背景が虹色に明滅します。
- インターバルごとに、画面上にランダムな動物絵文字が追加されます。動物の位置、色、文字サイズはランダムに決定されます。
- 各動物は、ランダムな方向・速度で拡大縮小しながら回転します。