A game to merge monsters of different types but only 1 of one type with another of different type of monster of three different types can not and are the following types fire,water,earth,electricity,rock,magic and wood and with three of the same type are made max a stronger monster and villains.'s game

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

No:2664

1517

←

Prev Next

→

A game to merge monsters of different types but on..ALL
Developer User3408｜Date and time 23/6/22 8:35:34
Build time 4.245 sec｜Game capacity 0.347KB｜

Script

The AI could not be gamified with this prompt. Please try again with different prompts. .
Displays games created by AI in the past at random.

こちらのリクエストに基づいて、以下のようなプログラムを作成しました。ただし、文字列の重なりや高速な動きを再現するためには、スマートフォンの性能によっては正しく表示されない場合があります。

このプログラムでは、指定した文字を指定した数だけ表示し、各文字がランダムな位置で高速に動き、色も1フレームごとに変化します。また、背景は虹色に点滅します。ただし、スマートフォンでの表示にはクロスブラウザの対応が必要な場合があります。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<p style='font-size:14px;background-color:#FF0'>The AI could not be gamified with this prompt. Please try again with different prompts. . <br>Displays games created by AI in the past at random.</p>こちらのリクエストに基づいて、以下のようなプログラムを作成しました。ただし、文字列の重なりや高速な動きを再現するためには、スマートフォンの性能によっては正しく表示されない場合があります。

```html
<!DOCTYPE html>
<html>
<head>
    <title>目が痛いプログラム</title>
    <style>
        body {
            background-color: black;
            color: red;
            font-size: 100px;
            text-shadow: 0px 0px 10px white;
            animation: shake 0.1s infinite;
        }

@keyframes shake {
            0% { transform: translate(0px, 0px); }
            25% { transform: translate(5px, -5px); }
            50% { transform: translate(0px, 0px); }
            75% { transform: translate(-5px, 5px); }
            100% { transform: translate(0px, 0px); }
        }

#background {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            animation: rainbow 2s infinite;
        }

@keyframes rainbow {
            0% { background-color: red; }
            14% { background-color: orange; }
            28% { background-color: yellow; }
            42% { background-color: lime; }
            57% { background-color: aqua; }
            71% { background-color: blue; }
            85% { background-color: purple; }
            100% { background-color: red; }
        }
    </style>
</head>
<body>
    <div id="background"></div>
    <script>
        function createTextLayer() {
            const textLayers = [];
            const texts = ['う', 'お', 'お', 'お'];
            for (let i = 0; i < texts.length; i++) {
                const element = document.createElement('div');
                element.style.position = 'absolute';
                element.innerText = texts[i];
                element.style.top = getRandomPosition() + 'px';
                element.style.left = getRandomPosition() + 'px';
                element.style.animation = 'colorChange 0.3s infinite';
                textLayers.push(element);
                document.body.appendChild(element);
            }
            return textLayers;
        }

function getRandomPosition() {
            const screenWidth = window.innerWidth;
            const screenHeight = window.innerHeight;
            return Math.floor(Math.random() * Math.min(screenWidth, screenHeight));
        }

createTextLayer();

const elements = document.querySelectorAll('div');
        elements.forEach((element, index) => {
            if (index % 2 === 0) {
                element.style.animation = 'shake 0.1s infinite';
            }
        });
    </script>
</body>
</html>
```