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

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
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 | AI game creator

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

No:7815

1823

←

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]現在の売れ筋Kindle本ランキング

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>