AI game creator

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

No:29189

←

Prev Next

→

プロセカ
Developer うにょUser14145｜Date and time 23/12/16 15:50:45
Build time 30.764 sec｜Game capacity 2.953KB｜

Script

了解しました。以下にプロセカというゲームを実装したサンプルコードを示します。

このコードを1枚のhtmlファイルに保存し、ブラウザで開くとプロセカというゲームが遊べるようになります。スマホでも遊ぶことができます。

←

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 {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            font-size: 48px;
        }
    </style>
</head>
<body>
    <script>
        // ゲームのカードリスト
        const cards = ['🍎', '🍓', '🌽', '🍕', '🍔', '🍟'];

// プレイヤーの選択したカードのインデックス
        let playerCardIndex;

// コンピュータの選択したカードのインデックス
        let computerCardIndex;

// ゲームのスコア
        let playerScore = 0;
        let computerScore = 0;

// ゲームの進行を管理する関数
        function playGame() {
            // プレイヤーのカード選択待ち
            playerCardIndex = prompt('カードを選んでください（0〜5）');
            playerCardIndex = parseInt(playerCardIndex);

// コンピュータのカードをランダムで選択
            computerCardIndex = Math.floor(Math.random() * 6);

// カードを表示
            document.body.innerHTML = `
                <p>あなたのカード：${cards[playerCardIndex]}</p>
                <p>コンピュータのカード：${cards[computerCardIndex]}</p>
            `;

// スコア判定
            if (playerCardIndex === computerCardIndex) {
                document.body.innerHTML += `<p>引き分け！</p>`;
            } else if ((playerCardIndex === 0 && computerCardIndex === 2) ||
                       (playerCardIndex === 1 && computerCardIndex === 0) ||
                       (playerCardIndex === 2 && computerCardIndex === 1) ||
                       (playerCardIndex === 3 && computerCardIndex === 5) ||
                       (playerCardIndex === 4 && computerCardIndex === 3) ||
                       (playerCardIndex === 5 && computerCardIndex === 4)) {
                playerScore++;
                document.body.innerHTML += `<p>あなたの勝ち！</p>`;
            } else {
                computerScore++;
                document.body.innerHTML += `<p>コンピュータの勝ち！</p>`;
            }

// スコア表示
            document.body.innerHTML += `
                <p>あなたのスコア：${playerScore}</p>
                <p>コンピュータのスコア：${computerScore}</p>
                <button onclick="playGame()">もう一度遊ぶ</button>
            `;
        }

// ゲーム開始
        playGame();
    </script>
</body>
</html>
```

このコードを1枚のhtmlファイルに保存し、ブラウザで開くとプロセカというゲームが遊べるようになります。スマホでも遊ぶことができます。