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

No:30447

←

Prev Next

→

デラックスカジノ
Developer User13711｜Date and time 23/12/21 23:03:09
Build time 31.687 sec｜Game capacity 3.984KB｜

Script

以下は、Deluxe Casinoというカジノゲームの実装例です。実際に動作させるためには、HTMLファイルに下記のコードを追加し、ブラウザで開いてください。

Deluxe Casino

プッシュしてスタート！

このゲームでは、スタートボタンを押すとリールが回り始め、リールが止まると結果が表示されます。スタートボタンを押すたびに10ポイントが消費され、当たりやはずれに応じてポイントが獲得できます。リールには、🍒、🍋、🍊、🎰、💰の絵文字が用意されており、3つ揃った場合に当たりとなります。3つ揃っていなくても、一部揃った場合でもポイントが獲得できます。ポイントはゲームオーバーになるまで獲得し続けることができます。以上がゲームの実装例です。ご参考までにどうぞ。

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Deluxe Casino</title>
    <style>
        body {
            text-align: center;
            font-size: 26px;
        }
        button {
            font-size: 20px;
            padding: 10px 20px;
        }
        #result {
            font-size: 36px;
        }
    </style>
</head>
<body>
    <h1>Deluxe Casino</h1>
    <p>プッシュしてスタート！</p>
    <button id="startButton">スタート</button>
    <p id="result"></p>

const startButton = document.getElementById("startButton");
        const result = document.getElementById("result");

startButton.addEventListener("click", spinReels);

function spinReels() {
            if (isSpinning) {
                return;
            }

isSpinning = true;
            balance -= 10;
            
            for (let i = 0; i < reels.length; i++) {
                reels[i] = Math.floor(Math.random() * symbols.length);
            }

updateReels();
            setTimeout(stopReels, 1500);
        }

function updateReels() {
            const reelElements = document.getElementsByTagName("p");

for (let i = 0; i < reelElements.length; i++) {
                reelElements[i].textContent = symbols[reels[i]];
            }

result.textContent = "";
        }

function stopReels() {
            if (balance <= 0) {
                result.textContent = "ゲームオーバー";
                startButton.disabled = true;
                return;
            }

let winAmount = calculateWinnings();
            balance += winAmount;

if (winAmount > 0) {
                result.textContent = `当たり！ ${winAmount} ポイント獲得！`;
            } else {
                result.textContent = "外れ";
            }

isSpinning = false;
        }

function calculateWinnings() {
            let winAmount = 0;

if (reels[0] === reels[1] && reels[1] === reels[2]) {
                switch (reels[0]) {
                    case 0: // 3つの🍒
                        winAmount = 50;
                        break;
                    case 1: // 3つの🍋
                        winAmount = 40;
                        break;
                    case 2: // 3つの🍊
                        winAmount = 30;
                        break;
                    case 3: // 3つの🎰
                        winAmount = 100;
                        break;
                    case 4: // 3つの💰
                        winAmount = 200;
                        break;
                }
            } else if (reels[0] === reels[1] || reels[1] === reels[2] || reels[0] === reels[2]) {
                winAmount = 10;
            }

return winAmount;
        }
    </script>
</body>
</html>
```

このゲームでは、スタートボタンを押すとリールが回り始め、リールが止まると結果が表示されます。スタートボタンを押すたびに10ポイントが消費され、当たりやはずれに応じてポイントが獲得できます。
リールには、🍒、🍋、🍊、🎰、💰の絵文字が用意されており、3つ揃った場合に当たりとなります。3つ揃っていなくても、一部揃った場合でもポイントが獲得できます。ポイントはゲームオーバーになるまで獲得し続けることができます。

以上がゲームの実装例です。ご参考までにどうぞ。