Search⌘ K
Home
Courses
Learn Node.js from Scratch

Display Game Information

Explore how to use Socket.IO to display real-time game information, notify players when others join or leave, and implement chat functionality for a live trivia game. Learn to broadcast events, handle player disconnects, and update the user interface dynamically to enhance multiplayer interaction.

We'll cover the following...

Next, use socket.broadcast.to to send a message event to let all other players in the room know when a new player has joined the game.

Task 7: Let players know a new player has joined with socket.broadcast.to

Next, we’ll use socket.broadcast.to to send a message event to let all other players in the room know when a new player has joined the game

  1. Add the highlighted code in the src/index.js file:
Javascript (babel-node)
io.on('connection', () => {
  console.log('A new player just connected');
  socket.on('join', ({ playerName, room }, callback) => {
    const { error, newPlayer } = addPlayer({ id: socket.id, playerName, room });
    if (error) return callback(error.message);
    socket.join(newPlayer.room);
    socket.emit('message', formatMessage('Admin', 'Welcome!'));
    socket.broadcast
      .to(newPlayer.room)
      .emit(
        'message',
        formatMessage('Admin', `${newPlayer.playerName} has joined the game!`)
      );
  });
});
  1. Join the same room from several browser tabs. We should see the chat box update with a new message about the player who has just joined every time a new socket connects to the server.

Task 8:

...