AI game creator

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

No:8108

1984

←

Prev Next

→

Planet Strain!
Developer User3589｜Date and time 23/7/13 0:28:07
Build time 10.377 sec｜Game capacity 1.82KB｜

Script

了解しました。以下のプログラムは、スマートフォン操作を前提とした「惑星ストレイン」というゲームの一部です。

このプログラムでは、ページが表示されると「惑星ストレイン」というタイトルと、画面中央に表示される惑星の絵文字が表示されます。絵文字は定期的に変わり、10秒経つとゲームオーバーになります。絵文字をクリックするとスコアが増えます。ゲームオーバー後にはスコアと再スタートボタンが表示されます。

←

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>
        body {
            text-align: center;
            font-size: 24px;
            margin-top: 250px;
        }
    </style>
</head>
<body>
    <script>
        let score = 0;
        let time = 10;
        
        const planetEmoji = ["🌍", "🌕", "🪐", "🌞", "🌑"];
        
        const startGame = () => {
            setInterval(() => {
                if (time > 0) {
                    const randomIndex = Math.floor(Math.random() * planetEmoji.length);
                    document.body.innerHTML = `<h1>${planetEmoji[randomIndex]}</h1>`;
                    time--;
                } else {
                    document.body.innerHTML = `<h1>GAME OVER</h1><p>Score: ${score}</p><button onclick="restartGame()">Restart</button>`;
                    score = 0;
                    time = 10;
                }
            }, 1000);
        };
        
        const increaseScore = () => {
            score++;
        };
        
        const restartGame = () => {
            startGame();
        };
        
        startGame();
    </script>
</body>
</html>
```

このプログラムでは、ページが表示されると「惑星ストレイン」というタイトルと、画面中央に表示される惑星の絵文字が表示されます。絵文字は定期的に変わり、10秒経つとゲームオーバーになります。絵文字をクリックするとスコアが増えます。ゲームオーバー後にはスコアと再スタートボタンが表示されます。