Multijugador tutorial 2: Sala de Chat

2

Index

Taggé

Statistiques

11,547 visites, 16,740 vues

Outils

Partager

License

This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

Published on 18 Sep, 2014. Last updated 25 Feb, 2019

Layout de Iniciar sesión

El primer layout Login no necesita mucha explicación. Es esencialmente una caja de texto con un botón de unirse (join). El nombre entrado se guarda en una variable global y ninguna conexión ocurre hasta el siguiente layout.

Los eventos del layout simplemente se centran en la caja de texto, asegurándose que no puedas unirte antes de colocar un nombre, y guardando el nombre entrado en la variable global MyUsername cuando se una a la sala. También comprueba que la condición Es soportado (Is supported) en el objeto multijugador - No todos los navegadores soportan WebRTC aún, y debemos informar al usuario si no funcionará para ellos.

Layout de chat

El layout de Chat se conecta en Al iniciar layout (On start of layout), usando el nombre guardado en la variable global MyUsername.

Los objetos en el layout están diseñados para mimetizar una aplicación (app) común de chat: el ChatLog principal es donde los mensajes aparecen, la Lista de clientes(PeerList) en la derecha muestra los nombres de las otras personas en la sala de chat, y hay una caja de texto con un botón de Enviar (Send) hacia el final para enviar mensajes (También puedes presionar Entrar (Return) para enviar un mensaje).

Los eventos de este layout se encargan de:

- Conectar con el servidor de señalización e iniciar sesión.

- Unirse a la sala de chat.

- Revisar quién más está en la sala y actualizar la lista cuando una persona entra o sale.

- Mostrar los mensajes de chat recibidos.

- Enviar cualquier mensaje de chat entrado localmente.

- Tratar con errores o desconexiones que ocurran.

Empezaremos a mirar los eventos actuales en la siguiente página del tutorial.

  • 0 Comments

Want to leave a comment? Login or Register an account!