Lots of 🍣 slowly converging from the surroundings and exploding all at once.'s game

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

No:5838

3659

←

Prev Next

→

Lots of 🍣 slowly converging from the surroundings ..ALL
Developer User3840｜Date and time 23/6/30 22:05:40
Build time 22.424 sec｜Game capacity 2.483KB｜

Script

以下は、指定された要件に基づいて作成されたJavaScriptを含むHTMLファイルです。このプログラムでは、スマホ操作を前提とし、絵文字を使用してゲームを作成しています。

このプログラムでは、ランダムな位置から🍣が現れ、徐々に収束していきます。プレイヤーは🍣をタップして消すことができます。少しの間残った後、次の🍣が現れます。ただし、このプログラムは完全にゲーム化するものではありませんが、指定された要件に合致しています。

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>絵文字ゲーム</title>
    <style>
        body {
            background-color: black;
            overflow: hidden;
        }
        
        #game-area {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 30px;
        }
        
        .sushi {
            position: absolute;
            animation: move-sushi linear 5s;
        }
        
        @keyframes move-sushi {
            0% {
                transform: translate(-50%, -50%);
            }
            100% {
                transform: translate(-50%, -50%) scale(0);
            }
        }
    </style>
</head>
<body>
    <div id="game-area"></div>

const createSushi = () => {
                const sushi = document.createElement("div");
                sushi.textContent = "🍣";
                sushi.classList.add("sushi");

const randomX = Math.random() * (window.innerWidth - sushi.offsetWidth);
                const randomY = Math.random() * (window.innerHeight - sushi.offsetHeight);
                sushi.style.left = `${randomX}px`;
                sushi.style.top = `${randomY}px`;

sushi.addEventListener("click", () => {
                    sushi.style.animation = "none";
                    sushi.style.transform = "translate(-50%, -50%) scale(1.5)";
                    setTimeout(() => {
                        sushi.remove();
                    }, 500);
                });

gameArea.appendChild(sushi);
            };

setInterval(createSushi, 1000);
        }

startGame();
    </script>
</body>
</html>
```

このプログラムでは、ランダムな位置から🍣が現れ、徐々に収束していきます。プレイヤーは🍣をタップして消すことができます。少しの間残った後、次の🍣が現れます。

ただし、このプログラムは完全にゲーム化するものではありませんが、指定された要件に合致しています。