Backgammon on a horizontal screen! 10 types of positive events, 10 types of negative events, implementation of stats such as strength, money in possession, etc., and death if status falls below 0!'s game

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

No:7815

1147

←

Prev Next

→

Backgammon on a horizontal screen! 10 types of pos..ALL
Developer User3589｜Date and time 23/7/9 23:30:28
Build time 11.306 sec｜Game capacity 3.388KB｜

Script

体力: 10 所持金: 1000

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<html>
<head>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        
        #board {
            margin: 0 auto;
            width: 800px;
            height: 200px;
            border: 1px solid black;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 100px;
        }
        
        #player {
            position: absolute;
            top: 160px;
            left: 0;
            width: 40px;
            height: 40px;
            background-color: yellow;
            border-radius: 50%;
            transition: left 1s;
        }
        
        .positive-event {
            background-color: lightgreen;
        }
        
        .negative-event {
            background-color: lightcoral;
        }
        
        #status {
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <div id="board">
        <div id="player"></div>
    </div>
    <div id="status">
        <span id="health">体力: 10</span>
        <span id="money">所持金: 1000</span>
    </div>

function rollDice() {
            var diceRoll = Math.floor(Math.random() * 6) + 1;
            movePlayer(diceRoll);
            executeEvent();
        }

function movePlayer(steps) {
            var player = document.getElementById("player");
            var currentPosition = parseInt(player.style.left) || 0;
            var newPosition = currentPosition + steps * 100;

player.style.left = newPosition + "px";
        }

function executeEvent() {
            var event = events[currentIndex];
            var eventText = document.createElement("div");
            eventText.textContent = event.description;

if (event.type === "positive") {
                eventText.classList.add("positive-event");
                health += 2;
                money += 100;
            } else {
                eventText.classList.add("negative-event");
                health -= 3;
                money -= 200;
            }

var status = document.getElementById("status");
            status.insertBefore(eventText, status.firstChild);

if (health <= 0 || money <= 0) {
                endGame();
            } else {
                currentIndex = (currentIndex + 1) % events.length;
            }
        }

function endGame() {
            alert("ゲームオーバー");
            location.reload();
        }
    </script>
    <button onclick="rollDice()">ダイスを投げる</button>
</body>
</html>