MultiPlayer

install

add github.settings.secrets:

• DOCKERHUB_TOKEN :
• DOCKERHUB_USERNAME:
• DOCKER_REGISTRY: <name.azurecr.io>

create azure web app / containerized

• application settings
  • CORS_ORIGIN = "https://mpgame.netlify.app" (without / at the end)
• general settings
  • enable web-socket
  • switch allways on: true
• deployment settings
  • enable CI

online multiplayer game(s).

Server (node.js)

Web-Frontend (React)

#Issues

• game_restart playerId should not be the 'current' player

#Ideas

protocoll

websocket-connection

graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;

Loading

graph TD;

    Home-->TicTacToe;
    Home-->FiveInARow;
    Home-->NobodyIsPerfect;

Loading

SERVER                                                                          CLIENT

get "connection" -           >>  CLIENT_CONNECTED(newPlayerId) >>>
                                                                            save playerId





                                    << GAME_CONNECT(gameId,playerId) <<
game.addPlayer(playerId)
                              >> UPDATE (to all players of that game)>>>



                                    <<<< GAME_START <<<<<
 game.start()
                              >>>>> UPDATE >>>>







get "close" "update"

_Client_
get "CLIENT_CONNECTED"(playerId) - save playerId

send "GAME_CONNECT"