AI game creator

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

No:3925

2053

←

Prev Next

→

The Guided Ones
Developer User1006｜Date and time 23/6/26 23:50:18
Build time 5.194 sec｜Game capacity 0.414KB｜

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.

了解しました。以下に爆裂花火として遊べるゲームの実装例を示します。

この実装では、画面をタッチすると指の位置に花火エフェクトが表示されます。花火エフェクトは、小さく始まって徐々に大きくなり、最終的に消えるように設定されています。

←

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>
    <meta charset="UTF-8">
    <title>爆裂花火</title>
    <style>
        #fireworks {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100vw;
            height: 100vh;
        }

.firework {
            position: absolute;
            width: 10px;
            height: 10px;
            background-color: #FF4500;
            border-radius: 50%;
            animation-name: explode;
            animation-duration: 1s;
            animation-timing-function: ease-out;
        }

@keyframes explode {
            0% {
                transform: scale(1);
                opacity: 1;
            }
            100% {
                transform: scale(20);
                opacity: 0;
            }
        }
    </style>
</head>
<body>
    <div id="fireworks"></div>

// スマホのタッチ操作を設定
            fireworksContainer.addEventListener("touchstart", function (e) {
                e.preventDefault();

const x = e.touches[0].clientX;
                const y = e.touches[0].clientY;

createFirework(x, y);
            });

function createFirework(x, y) {
                // 花火エフェクトを生成
                const firework = document.createElement("div");
                firework.className = "firework";
                firework.style.left = x + "px";
                firework.style.top = y + "px";
                fireworksContainer.appendChild(firework);

// 花火が終了したら要素を削除
                firework.addEventListener("animationend", function () {
                    firework.remove();
                });
            }
        });
    </script>
</body>
</html>
```