Islands Vue Client

Web interface for the Game of Islands featuring Vue Components and Vuex.

It’s a game for two players, and each player has a board, which consists of a grid of one hundred squares. The grid is labeled with the numbers 1 through 10 across the top for the columns and down the left side for the rows. Each square is named by its coordinates of the form (row, column).

The players cannot see each other’s boards.

The players have matching sets of islands of various shapes and sizes, which they place on their own boards.

Island Symbol Squares Shape
    Atoll A 5 atoll
    S-Shape S 4 s-shape
    L-Shape L 4 l-shape
    Square Q 4 square
    Dot D 1 dot

The players can move the islands around as much as they like until they say that they are set. After that, the islands must stay where they are for the rest of the game.

Once both players have set their islands, they take turns guessing squares on their opponent’s board, trying to find the islands. For every correct guess, we plant a palm tree on the island at that square. When all the squares of an island have palm trees, the island is forested.

The first player to forest all of her opponent’s islands is the winner.

Inspired by the book Functional Web Development by Lance Halvorsen.
Also inspired by the course Multi-Player Bingo by Mike and Nicole Clark.

game

Play the Game of Islands!

You can play the Game of Islands by visiting either of these 2 sites:

You then hit 'New Game' from one session and 'Join' from another. You position your islands by dragging them or hitting 'Random Positions'. Finally you hit 'Set Islands' and take turns guessing squares on your opponent's board. You can also let the engine play for you by hitting 'Auto'.

Versions/Releases used