Make a chessstyle of game but have cards that lay out troops and you have to capture the enemies flag. It's turn based and you have 3 moves per turn and each troops will have stars like health and attack defense skills that they will obtain while walking on the board's game

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

No:12805

127

←

Prev Next

→

Make a chessstyle of game but have cards that lay ..ALL
Developer User5567｜Date and time 23/8/23 15:06:53
Build time 31.974 sec｜Game capacity 4.789KB｜

Script

Sure, here's an example of a chess-style game where you have to capture the enemy's flag using cards that represent troops. The troops will have stars to represent their health, attack, defense, and skills, which they will gain while moving on the board. Please note that the game logic is simplified for illustration purposes:

In this example, each cell represents a position on the game board where troops can be placed. By clicking on a cell, the player can select and move troops. If there is an enemy troop in the target cell, an attack occurs. The player has 3 moves per turn. Please note that this is a basic implementation and can be further expanded and improved to meet your specific requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Flag Capture Game</title>
    <style>
        #board {
            display: grid;
            grid-template-columns: repeat(6, 100px);
            grid-template-rows: repeat(6, 100px);
        }

.cell {
            border: 1px solid black;
            text-align: center;
            padding: 5px;
        }

.selected {
            background-color: lightblue;
        }
    </style>
</head>
<body>
    <div id="board">
        <div class="cell" data-row="0" data-col="0"></div>
        <div class="cell" data-row="0" data-col="1"></div>
        <div class="cell" data-row="0" data-col="2"></div>
        <div class="cell" data-row="0" data-col="3"></div>
        <div class="cell" data-row="0" data-col="4"></div>
        <div class="cell" data-row="0" data-col="5"></div>
        
    </div>

for (let i = 0; i < cells.length; i++) {
            cells[i].addEventListener('click', handleCellClick);
        }

function handleCellClick() {
            if (selectedCell === null) {
                selectedCell = this;
                this.classList.add('selected');
            } else {
                // Move the troop to the selected cell
                const selectedTroop = getTroopFromCell(selectedCell);
                const targetTroop = getTroopFromCell(this);

// Attack the target troop if it exists
                if (targetTroop !== null) {
                    targetTroop.health -= selectedTroop.attack - targetTroop.defense;
                    if (targetTroop.health <= 0) {
                        // Remove the defeated troop from the board
                        removeTroopFromCell(this);
                    }
                } else {
                    // Move the selected troop to the target cell
                    removeTroopFromCell(selectedCell);
                    setTroopToCell(this, selectedTroop);
                }

// Deselect the cell and end the turn if the player has no moves left
                deselectCell();
                currentPlayerMoves--;
                if (currentPlayerMoves === 0) {
                    currentPlayerMoves = 3; // Reset the move count for the next turn
                    // Perform end of turn logic (e.g., skill gain, flag capture check)
                }
            }
        }

function getTroopFromCell(cell) {
            const index = Array.from(cells).indexOf(cell);
            return troops[index] || null;
        }

function setTroopToCell(cell, troop) {
            const index = Array.from(cells).indexOf(cell);
            const newTroop = { ...troop }; // Create a new troop object to avoid conflicts
            troops[index] = newTroop;
            updateCellUI(cell, newTroop);
        }

function removeTroopFromCell(cell) {
            const index = Array.from(cells).indexOf(cell);
            troops[index] = null;
            updateCellUI(cell, null);
        }

function deselectCell() {
            if (selectedCell !== null) {
                selectedCell.classList.remove('selected');
                selectedCell = null;
            }
        }
    </script>
</body>
</html>
```

Please note that this is a basic implementation and can be further expanded and improved to meet your specific requirements.