counter for broad, flat objects, levels or stages, e.g. in a video game's game

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

No:5029

1050

←

Prev Next

→

counter for broad, flat objects, levels or stages,..ALL
Developer もちきなこ｜Date and time 23/6/29 9:36:09
Build time 16.647 sec｜Game capacity 2.149KB｜

Script

了解です！以下が実装例です。

このプログラムは、画面をタップするたびに「めんめ」という文字列がランダムな色で表示されます。タップするたびにめんめが増えていき、スコアが加算されます。めんめをひとつずつ表示しているため、めんめは上に移動しながら消えていきます。スマホやタブレットで開いていただき、画面をタップすると楽しむことができます。

←

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 {
            margin: 0;
            overflow: hidden;
        }
        #game {
            position: absolute;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            font-size: 20px;
            font-weight: bold;
            user-select: none;
        }
    </style>
</head>
<body>
    <div id="game"></div>

gameElement.addEventListener("click", (event) => {
            const xPos = event.clientX;
            const yPos = event.clientY;

const menmeElement = document.createElement("span");
            menmeElement.textContent = "めんめ";
            menmeElement.style.color = randomColor();
            menmeElement.style.position = "absolute";
            menmeElement.style.left = xPos + "px";
            menmeElement.style.top = yPos + "px";
            menmeElement.style.transition = "top 0.5s";
            gameElement.appendChild(menmeElement);

setTimeout(() => {
                menmeElement.remove();
            }, 500);

score++;
        });

function randomColor() {
            const randomIndex = Math.floor(Math.random() * colors.length);
            return colors[randomIndex];
        }
    </script>
</body>
</html>
```

このプログラムは、画面をタップするたびに「めんめ」という文字列がランダムな色で表示されます。タップするたびにめんめが増えていき、スコアが加算されます。めんめをひとつずつ表示しているため、めんめは上に移動しながら消えていきます。
スマホやタブレットで開いていただき、画面をタップすると楽しむことができます。