AI game creator

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

No:9337

188

←

Prev Next

→

puckered-up pudding
Developer User4246｜Date and time 23/7/23 20:15:45
Build time 24.206 sec｜Game capacity 3.083KB｜

Script

了解です。プッチンプリンのゲームを作成します。以下が実装例です。

プッチンプリンを探してタップしてください！

このゲームでは、スタートボタンをクリックすると、3秒間のカウントダウン後にプッチンプリンが表示されます。プッチンプリンをタップすると、プッチンプリンが消えて新しいプッチンプリンが表示され、スコアが加算されます。ゲームの操作はスマートフォンのタップを想定していますが、PCのブラウザでもマウスクリックでプッチンプリンをタップすることができます。完成したゲームとして遊ぶことができます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

了解です。プッチンプリンのゲームを作成します。

以下が実装例です。

```html
<!DOCTYPE html>
<html>
<head>
    <title>プッチンプリンゲーム</title>
    <style>
        #wrapper {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
            font-size: 50px;
        }

#countdown {
            color: red;
        }
    </style>
</head>
<body>
    <div id="wrapper">
        <div>プッチンプリンを探してタップしてください！</div>
        <div id="countdown"></div>
        <button id="start">スタート</button>
    </div>

var countdownInterval;
        var countdownSec = 3;
        var score = 0;

startButton.addEventListener("click", startGame);

function startGame() {
            startButton.removeEventListener("click", startGame);
            startButton.style.display = "none";

countdownDiv.style.display = "block";

countdownInterval = setInterval(updateCountdown, 1000);
        }

function updateCountdown() {
            countdownSec--;

if (countdownSec === 0) {
                clearInterval(countdownInterval);
                countdownDiv.innerHTML = "スタート！";
                startPlaying();
            } else {
                countdownDiv.innerHTML = countdownSec;
            }
        }

function startPlaying() {
            countdownDiv.style.display = "none";
            document.addEventListener("click", handleClick);
            generatePudding();
        }

function generatePudding() {
            var pudding = document.createElement("div");
            pudding.innerHTML = "🍮";
            pudding.style.fontSize = "100px";
            pudding.style.position = "absolute";
            pudding.style.left = Math.random() * (window.innerWidth - 100) + "px";
            pudding.style.top = Math.random() * (window.innerHeight - 100) + "px";
            document.body.appendChild(pudding);
        }

function handleClick(event) {
            if (event.target.innerHTML === "🍮") {
                event.target.style.display = "none";
                score++;
                generatePudding();
            }
        }
    </script>
</body>
</html>
```

このゲームでは、スタートボタンをクリックすると、3秒間のカウントダウン後にプッチンプリンが表示されます。プッチンプリンをタップすると、プッチンプリンが消えて新しいプッチンプリンが表示され、スコアが加算されます。

ゲームの操作はスマートフォンのタップを想定していますが、PCのブラウザでもマウスクリックでプッチンプリンをタップすることができます。

完成したゲームとして遊ぶことができます。