killing a passerby in order to test a new sword's game | AI game creator

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

No:9372

90

killing a passerby in order to test a new sword
Developer anonymous｜Date and time 23/7/24 2:43:00
Build time 17.128 sec｜Game capacity 2.331KB｜

は、指定された要件に基づいて辻斬りというシンプルなゲームを実装します。以下がHTMLとJavaScriptのコードです。

このプログラムは、スタートボタンを押すとゲームが開始され、10秒間のカウントダウンが行われます。カウントダウン終了後にアラートが表示され、再びスタートボタンが押せるようになります。ボタンやタイムの表示部分のデザインはCSSを使用して調整しています。スマートフォンでの操作に対応するため、ボタンのサイズやフォントサイズを調整しています。また、絵文字を使用する場合は、`<p id="time"></p>`の部分を`<p id="time">⏳残り時間: 10</p>`などのように絵文字を追加することができます。このプログラムをHTMLファイルとして保存し、ブラウザで開くことで実行できます。スタートボタンを押すとゲームが開始し、タイマーが表示されます。

→ 　

0　

0　

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

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

(C)2023 HisashiApp

は、指定された要件に基づいて辻斬りというシンプルなゲームを実装します。以下がHTMLとJavaScriptのコードです。

```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: 30px;
        }

#startButton, #time {
            margin: 10px;
        }
    </style>
</head>

<body>
    <button id="startButton">スタート</button>
    <p id="time"></p>

<script>
        var timeLeft;
        var timerId;

function startGame() {
            timeLeft = 10;
            timerId = setInterval(countdown, 1000);
            document.getElementById('startButton').disabled = true;
        }

function countdown() {
            if (timeLeft === 0) {
                clearInterval(timerId);
                alert('ゲーム終了！');
                document.getElementById('startButton').disabled = false;
            } else {
                document.getElementById('time').textContent = '残り時間: ' + timeLeft;
                timeLeft--;
            }
        }

document.getElementById('startButton').addEventListener('click', startGame);
    </script>
</body>

</html>
```

このプログラムは、スタートボタンを押すとゲームが開始され、10秒間のカウントダウンが行われます。カウントダウン終了後にアラートが表示され、再びスタートボタンが押せるようになります。

ボタンやタイムの表示部分のデザインはCSSを使用して調整しています。スマートフォンでの操作に対応するため、ボタンのサイズやフォントサイズを調整しています。

また、絵文字を使用する場合は、`<p id="time"></p>`の部分を`<p id="time">⏳残り時間: 10</p>`などのように絵文字を追加することができます。

このプログラムをHTMLファイルとして保存し、ブラウザで開くことで実行できます。スタートボタンを押すとゲームが開始し、タイマーが表示されます。