I want to create a viking board game where you travel around the board collecting items to take back home. First player to collect all their items and get back to their viking boat wins. The game should be for 9 year old to play's game

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

No:40585

←

Prev Next

→

I want to create a viking board game where you tra..ALL
Developer User18211｜Date and time 24/2/3 18:49:53
Build time 12.048 sec｜Game capacity 3.461KB｜

Script

Sure! Here's an example of a Viking board game implemented as a single HTML file using JavaScript. To make it suitable for a 9-year-old to play on a smartphone, I'll keep the game mechanics simple and use pictogram-like images as icons.

In this example, the game board is represented by a 3x3 grid using flexbox for layout. The cells represent the positions on the board that players can move to. The yellow circle in one of the cells represents an item that players can collect. Players take turns by clicking on a cell. When a player collects an item, their item count increases. The game checks if the current player has collected all the items (in this case, just one item) and alerts the player about their victory. The game also resets the item counts to start a new game. Please note that this is a simplified example to get you started. You can enhance the game with more features, such as randomizing the item positions, adding more items, adding dice rolls for movement, etc.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Viking Board Game</title>
    <style>
        .game-board {
            display: flex;
            flex-wrap: wrap;
            width: 300px;
            height: 300px;
        }

.cell {
            width: 100px;
            height: 100px;
            border: 1px solid black;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 24px;
        }

#player1 {
            background-color: lightblue;
        }

#player2 {
            background-color: lightgreen;
        }

.item {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-color: yellow;
        }

.item-image {
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 30px;
        }
    </style>
</head>
<body>
    <div class="game-board">
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell item"><div class="item-image">A</div></div>
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
    </div>

function switchTurn() {
            currentPlayer = currentPlayer === 1 ? 2 : 1;
        }

function collectItem() {
            if (currentPlayer === 1) {
                player1Items++;
            } else {
                player2Items++;
            }

// Check if the current player has collected all items and won the game
            if (currentPlayer === 1 && player1Items === 1 || currentPlayer === 2 && player2Items === 1) {
                alert("Player " + currentPlayer + " wins!");
                resetGame();
                return;
            }

switchTurn();
        }

function resetGame() {
            currentPlayer = 1;
            player1Items = 0;
            player2Items = 0;
        }

var cells = document.getElementsByClassName("cell");

for (var i = 0; i < cells.length; i++) {
            cells[i].addEventListener("click", collectItem);
            cells[i].setAttribute("id", "player" + currentPlayer);
        }
    </script>
</body>
</html>
```

Players take turns by clicking on a cell. When a player collects an item, their item count increases. The game checks if the current player has collected all the items (in this case, just one item) and alerts the player about their victory. The game also resets the item counts to start a new game.

Please note that this is a simplified example to get you started. You can enhance the game with more features, such as randomizing the item positions, adding more items, adding dice rolls for movement, etc.