AI game creator

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

No:33340

←

Prev Next

→

スイカゲーム
Developer User15741｜Date and time 24/1/3 17:52:36
Build time 30.232 sec｜Game capacity 2.692KB｜

Script

了解いたしました。以下に、スマートフォン操作を前提としたスイカゲームのサンプルコードを記述します。

🍉

スコア: 0

制限時間: 10秒

このコードでは、スイカの絵文字「🍉」をクリックすることでスコアが加算されるシンプルなスイカゲームを作成しています。ゲームの制限時間は10秒で、タイマーがカウントダウンします。終了時にはスコアの表示に「(終了)」と追加されます。必要なJavaScriptの処理はすべて実装されており、スマートフォンで実行する際には正常に動作するはずです。

←

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>
        #game-container {
            width: 100%;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }
        
        #melon {
            font-size: 10rem;
            cursor: pointer;
        }
    </style>
</head>
<body>
<div id="game-container">
    <div id="melon" onclick="cutMelon()">🍉</div>
    <p id="score">スコア: 0</p>
    <p id="timer">制限時間: 10秒</p>
</div>

// ゲーム開始
    function startGame() {
        document.getElementById('melon').style.display = 'block';
        document.getElementById('timer').textContent = '制限時間: 10秒';
        score = 0;
        timeLeft = 10;
        updateScore();
        updateTimer();

// 10秒間のカウントダウン
        timerId = setInterval(() => {
            if (timeLeft <= 0) {
                endGame();
            } else {
                timeLeft--;
                updateTimer();
            }
        }, 1000);
    }

// スコア更新
    function updateScore() {
        document.getElementById('score').textContent = `スコア: ${score}`;
    }

// タイマー更新
    function updateTimer() {
        document.getElementById('timer').textContent = `制限時間: ${timeLeft}秒`;
    }

// スイカを切る
    function cutMelon() {
        score++;
        updateScore();
        document.getElementById('melon').style.display = 'none';
        setTimeout(() => {
            document.getElementById('melon').style.display = 'block';
        }, 500);
    }

// ゲーム終了
    function endGame() {
        clearInterval(timerId);
        document.getElementById('score').textContent += ' (終了)';
        document.getElementById('melon').style.display = 'none';
    }

// ゲーム開始
    startGame();
</script>
</body>
</html>
```

このコードでは、スイカの絵文字「🍉」をクリックすることでスコアが加算されるシンプルなスイカゲームを作成しています。ゲームの制限時間は10秒で、タイマーがカウントダウンします。終了時にはスコアの表示に「(終了)」と追加されます。

必要なJavaScriptの処理はすべて実装されており、スマートフォンで実行する際には正常に動作するはずです。