AI game creator

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

No:5720

120

←

Prev Next

→

Spacha Showdown
Developer User3838｜Date and time 23/6/30 17:32:24
Build time 38.475 sec｜Game capacity 3.569KB｜

Script

了解です。スパチャ対決というゲームを作成します。以下が実際のプログラムです。

👊

✌️

READY!

このプログラムでは、キーボードの「1」キーで「グー」を、キーボードの「2」キーで「チョキ」を、キーボードの「3」キーで「パー」を選択することができます。選択された手とランダムに選ばれた相手の手を比較して、勝ち負けを表示します。結果の表示後には「もう一度遊ぶ」ボタンが表示され、クリックすることで再びゲームをプレイすることができます。このゲームは、スマートフォンでも遊ぶことができます。キーボードの代わりに画面上のボタンを用意するなど、デバイスに合わせた操作方法にアレンジすることが可能です。試してみてください！

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

了解です。スパチャ対決というゲームを作成します。以下が実際のプログラムです。

```html
<!DOCTYPE html>
<html>
<head>
    <title>スパチャ対決</title>
    <meta charset="UTF-8">
    <style>
        #player1, #player2 {
            font-size: 48px;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            width: 50%;
        }
        #player1 {
            background-color: lightblue;
        }
        #player2 {
            background-color: lightgreen;
        }
        #message {
            text-align: center;
            font-size: 24px;
            margin-top: 150px;
        }
        #reload-btn {
            margin-top: 50px;
            display: flex;
            justify-content: center;
        }
    </style>
</head>
<body>
    <div id="player1">👊</div>
    <div id="player2">✌️</div>
    <div id="message">READY!</div>
    <div id="reload-btn">
        <button onclick="location.reload();">もう一度遊ぶ</button>
    </div>
    <script>
        // ユーザーの入力を待つ
        document.addEventListener('keydown', function(event) {
            if (event.key === '1') {
                // 選択: グー
                playGame('グー');
            } else if (event.key === '2') {
                // 選択: チョキ
                playGame('チョキ');
            } else if (event.key === '3') {
                // 選択: パー
                playGame('パー');
            }
        });

function playGame(player1Choice) {
            // プレイヤー1の選択に応じてプレイヤー2の選択を決める
            var player2Choices = ['グー', 'チョキ', 'パー'];
            var player2Choice = player2Choices[Math.floor(Math.random() * player2Choices.length)];

// 結果を表示する
            document.getElementById('player1').innerHTML = player1Choice;
            document.getElementById('player2').innerHTML = player2Choice;
            document.getElementById('message').innerHTML = resultMessage;
            document.removeEventListener('keydown'); // 入力イベントを受け付けないようにする
        }
    </script>
</body>
</html>
```

このゲームは、スマートフォンでも遊ぶことができます。キーボードの代わりに画面上のボタンを用意するなど、デバイスに合わせた操作方法にアレンジすることが可能です。試してみてください！