City School Homes Cars Buses Airport's game

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

No:4560

153

←

Prev Next

→

City School Homes Cars Buses Airport
Developer User3754｜Date and time 23/6/28 4:54:30
Build time 2.995 sec｜Game capacity 0.275KB｜

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>
```