AI game creator

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

No:8269

2507

←

Prev Next

→

Chaos Hitotsuma
Developer User4160｜Date and time 23/7/14 14:02:47
Build time 17.695 sec｜Game capacity 2.231KB｜

Script

了解しました。以下は、簡単なゲーム「カオス・ヒトヅマ」の実装例です。

このプログラムは、1秒ごとに画面上にランダムな絵文字を表示し、その絵文字をクリックすると消えるという単純なゲームです。スマホでも遊ぶことができます。それぞれの絵文字には「😀」、「😍」、「🥳」などがあるので、ゲームをプレイするたびに違う絵文字が表示されます。この例はHTMLファイル一つで完結しており、JavaScriptも`
`タグで囲まれています。また、スタイルシート（CSS）もHTMLファイル内に埋め込んでいるため、必要なファイルは全てこの1枚のHTMLファイル内に含まれています。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下は、簡単なゲーム「カオス・ヒトヅマ」の実装例です。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>カオス・ヒトヅマ</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            font-size: 5rem;
        }
    </style>
</head>
<body>
    <script>
        window.onload = function() {
            const emojis = ['😀', '😍', '🥳', '🤯', '🤪', '😎', '🤩', '🤠', '🤓', '😇'];
            
            function getRandomEmoji() {
                const randomIndex = Math.floor(Math.random() * emojis.length);
                return emojis[randomIndex];
            }

function createRandomEmoji() {
                const emoji = document.createElement('span');
                emoji.innerHTML = getRandomEmoji();
                emoji.style.position = 'absolute';
                emoji.style.top = Math.floor(Math.random() * window.innerHeight) + 'px';
                emoji.style.left = Math.floor(Math.random() * window.innerWidth) + 'px';
                emoji.addEventListener('click', function() {
                    document.body.removeChild(emoji);
                });
                document.body.appendChild(emoji);
            }

setInterval(createRandomEmoji, 1000);
        }
    </script>
</body>
</html>
```

このプログラムは、1秒ごとに画面上にランダムな絵文字を表示し、その絵文字をクリックすると消えるという単純なゲームです。スマホでも遊ぶことができます。それぞれの絵文字には「😀」、「😍」、「🥳」などがあるので、ゲームをプレイするたびに違う絵文字が表示されます。

この例はHTMLファイル一つで完結しており、JavaScriptも`<script>`タグで囲まれています。また、スタイルシート（CSS）もHTMLファイル内に埋め込んでいるため、必要なファイルは全てこの1枚のHTMLファイル内に含まれています。