Soulike/Metroidvania/Rogue Light/Dungeon Crawl/Psycho Horror's game

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Soulike/Metroidvania/Rogue Light/Dungeon Crawl/Psycho Horror's game | AI game creator

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

No:1565

2525

←

Prev Next

→

Soulike/Metroidvania/Rogue Light/Dungeon Crawl/Psy..ALL
Developer AI絵師｜Date and time 23/6/18 18:37:50
Build time 4.179 sec｜Game capacity 0.278KB｜

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.

了解しました。以下のコードは、カラフルな風船が画面上にたくさん表示されるゲームです。スマートフォンで操作することを前提としており、JavaScriptとCSSを使って実装されています。

実際に上記のコードをHTMLファイルとして保存し、ブラウザで開くとカラフルな風船が画面上にたくさん表示され、クリックすると風船が割れるというゲームをプレイすることができます。風船が画面上から消えるまでに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>了解しました。以下のコードは、カラフルな風船が画面上にたくさん表示されるゲームです。スマートフォンで操作することを前提としており、JavaScriptとCSSを使って実装されています。

```html
<!DOCTYPE html>
<html>
<head>
<style>
    body {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    
    .balloon {
        position: absolute;
        font-size: 20px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 50%;
        cursor: pointer;
        animation-name: fly;
        animation-duration: 5s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        animation-fill-mode: forwards;
    }
    
    @keyframes fly {
        from { top: 100vh; }
        to { top: -10vh; }
    }
    
    .red {
        background-color: #ff5555;
    }
    
    .orange {
        background-color: #ff9900;
    }
    
    .yellow {
        background-color: #ffff33;
    }
    
    .green {
        background-color: #33cc33;
    }
    
    .blue {
        background-color: #3366ff;
    }
    
    .purple {
        background-color: #9933cc;
    }
</style>
</head>
<body>
    <script>
        var colors = ["red", "orange", "yellow", "green", "blue", "purple"];
        
        function createBalloon() {
            var balloon = document.createElement("div");
            balloon.classList.add("balloon");
            var colorIndex = Math.floor(Math.random() * colors.length);
            balloon.classList.add(colors[colorIndex]);
            var leftPosition = Math.random() * window.innerWidth;
            balloon.style.left = leftPosition + "px";
            balloon.addEventListener("click", function() {
                balloon.classList.add("pop");
                setTimeout(function() {
                    balloon.remove();
                }, 1000);
            });
            document.body.appendChild(balloon);
        }
        
        setInterval(createBalloon, 1000);
    </script>
</body>
</html>
```

実際に上記のコードをHTMLファイルとして保存し、ブラウザで開くとカラフルな風船が画面上にたくさん表示され、クリックすると風船が割れるというゲームをプレイすることができます。風船が画面上から消えるまでに1秒かかります。