Straw dolls and five-sided nails's game

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

No:5210

4736

←

Prev Next

→

Straw dolls and five-sided nails
Developer User3812｜Date and time 23/6/29 20:17:07
Build time 20.793 sec｜Game capacity 2.136KB｜

Script

了解しました。以下にスマホ向けのゲームを実装したHTMLファイルの例を示します。

😨

このHTMLファイルは「ゴッスンゴッスン五寸釘」という簡単なゲームです。画面をタップ（クリック）すると、顔文字「😱」が表示され、0.5秒後に元の顔文字「😨」に戻ります。タップするたびにスコアが1点増えます。Enterキーを押すと、アラートボックスでスコアが表示されます。 ※ただし、実際にスマホで動作させる場合は、適切なタッチイベントを使用する必要がありますが、ここでは簡略化のためクリックイベントを使用しています。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下にスマホ向けのゲームを実装したHTMLファイルの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ゴッスンゴッスン五寸釘</title>
    <style>
        body {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            font-size: 40px;
            user-select: none; /* テキスト選択を無効化 */
        }
        #game-container {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 200px;
            height: 200px;
            border: 1px solid black;
            background-color: #e0e0e0;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="game-container">😨</div>
    <script>
        const gameContainer = document.getElementById('game-container');
        let score = 0;

gameContainer.addEventListener('click', () => {
            score++;
            gameContainer.textContent = '😱';
            setTimeout(() => {
                gameContainer.textContent = '😨';
            }, 500);
        });

document.addEventListener('keydown', (event) => {
            if (event.key === 'Enter') {
                alert(`Score: ${score}`);
            }
        });
    </script>
</body>
</html>
```

このHTMLファイルは「ゴッスンゴッスン五寸釘」という簡単なゲームです。画面をタップ（クリック）すると、顔文字「😱」が表示され、0.5秒後に元の顔文字「😨」に戻ります。タップするたびにスコアが1点増えます。Enterキーを押すと、アラートボックスでスコアが表示されます。

※ただし、実際にスマホで動作させる場合は、適切なタッチイベントを使用する必要がありますが、ここでは簡略化のためクリックイベントを使用しています。