Tutorial de como hacer un juego multiplayer

Una de las demos más difíciles de entender que viene con Game Maker Studio es la del juego multiplayer (o multijugador). Primero, porque utiliza un juego de plataformas y la parte de programación no es sencilla, usando números binarios para detectar las colisiones, y si a esto le sumas toda la parte del código para que funcione en red, te queda un proyecto muy completo, pero difícil de entender para poder hacerlo tu mismo.

Aquí voy a explicar una manera muy sencilla de como crear un proyecto que puede funcionar como multijugador. ¡Vamos a verlo!

Algunos conceptos a entender

Antes de nada, hay que entender algunos conceptos para saber como funciona un juego multiplayer. Para hacer toda la programación que funcione en red, necesitamos un servidor y un cliente.

Un servidor no deja de ser un ordenador, o un dispositivo cualquiera, que suele almacenar datos, pero sobretodo envía datos a los clientes.

¿Y un cliente que es? Pues el ordenador que recibe esos datos que envía el servidor.

Tanto el cliente como el servidor puede tratar esos datos para que funcione todo correctamente.

Para decidir como se envían y reciben esos datos, se suele utilizar protocolos estandar, como puede ser el TCP/IP, así que todo suele funcionar de la misma manera, ya sea un servidor web que almacena páginas o un juego multijugador que hacemos en Game Maker Studio.

Creamos un ejemplo sencillo

Vamos a crear un proyecto nuevo en Game Maker Studio. Ejecutamos la aplicación, vamos a la pestaña de New y creamos el proyecto Server. Creamos un nuevo objeto que usaremos como servidor. Vamos a Resources-Create Object y le damos el nombre de obj_server. Hacemos click en el botón Add Event y añadimos Create. Vamos a la pestaña de la derecha Control y arrastramos Execute Code. Añadimos el siguiente código:

server = network_create_server(network_socket_tcp, 6510, 32);
player_buffer = buffer_create(16384, buffer_fixed, 1);

La primera línea crea un socket en el servidor del tipo TCP, y le ponemos un puerto que no utilice el dispositivo, por ejemplo el 6510. Luego creamos un buffer que será dónde almacenaremos la información que vendrá del cliente.
Creamos el proyecto Client. Creamos un objeto llamado obj_client, le añadimos un evento Create y añadimos un Execute Code. Añadimos el siguiente código:

client = network_create_socket(network_socket_tcp);
network_connect(client, "127.0.0.1", 6510);
buff = buffer_create(256, buffer_grow, 1);

En el código vemos que creamos un socket de tipo TCP, y nos conectamos al servidor 127.0.0.1 con el mismo puerto que hemos comentado antes, el 6510. ¿Qué significa 127.0.0.1? Es la dirección IP para hacer pruebas en nuestro ordenador. De esta manera, no buscará la red sino que siempre buscará en nuestro ordenador que exista el servidor.
Ya hemos creado los proyectos y objetos necesarios para probar la comunicación. Ahora vamos a mandar un mensaje del cliente al servidor, el servidor lo capturará y lo mostraremos en la ventana de compilación.
Nos vamos al proyecto Client, y en el objeto obj_client, añadimos una línea al código que hemos creado en Create.

alarm[0] = 10;

De esta manera activaremos una alarma. Añadimos el evento de Alarm, y elegimos Alarm 0. Añadimos un Execute Code y ponemos lo siguiente:

client_name= "player " + string(round(random(99)));
buffer_seek(buff, buffer_seek_start, 0);
buffer_write(buff , buffer_string, "check_name");
buffer_write(buff , buffer_string, client_name);
buffer_size = buffer_tell(buff);
network_send_packet(client, buff, buffer_size);
alarm[0] = room_speed;

Explicamos el código. La primera línea asignamos a la variable client_name un texto, que será player XX, dónde XX será un número aleatorio. En el siguiente párrafo, la variable buff que hemos creado, la iniciamos para que se posicione al principio del búfer, le añadimos el texto check_name, luego el texto de la variable client_name y lo enviamos mediante la función network_send_packet, calculando previamente el tamaño del búfer con buffer_size. En el caso actual solamente vamos a mandar un mensaje de texto, pero siempre vamos a enviar antes un texto de identificación para saber qué datos recibe. Para eso es el texto check_name que ponemos al principio.
Al final volvemos a arrancar alarm[0] para que vuelva a enviarlo cada segundo (utilizamos room_speed para la activación de la alarma y así calcularlo en segundos).
Ahora vamos al proyecto Server. Para capturar lo que envía el cliente, utilizamos un evento que está al pulsar el botón Add Event Asynchronous – Networking. Para añadir código, arrastramos Execute Code y ponemos lo siguiente:

net_buff = ds_map_find_value(async_load, "buffer");
if (is_undefined(net_buff) == false) {
    buff_info = buffer_read(net_buff , buffer_string);
    if (buff_info == "check_name") { //check if name exists
        b_name = buffer_read(net_buff , buffer_string);
        show_debug_message(b_name);
    }
}

Explicamos el código. Antes de nada, buscamos en el mapa async_load. Game Maker Studio crea un mapa (es un tipo de datos, también se suele conocer como diccionario) especial que contiene información sobre los eventos de red. En nuestro caso, ponemos en la variable net_buff la información del buffer que recibimos y lo leemos en la siguiente línea con buffer_read.

Ahora vamos a ver que contiene el búfer. Hemos comentado antes de usar un texto de identificación para saber qué datos provienen del cliente. Por eso comprobamos si en buff_info viene el texto check_name. Si es correcto, leemos el siguiente dato del búfer que sabemos que contiene el nombre y se lo asignamos a b_name. Ahora podemos tratar la información. Como el ejemplo es muy sencillo, lo único que haremos es mostrar un mensaje en la ventana de compilación.

Ahora vamos a probar que funcione todo correctamente. En cada proyecto, añadimos una nueva room, menú Resources – Create room, y en la pestaña Objects nos aseguramos que esté el objeto de cada proyecto. Hacemos click en la room para añadir ese objeto. Yo he cambiado el color en cada proyecto para distinguir cada room. Ahora ejecutamos el proyecto Server y, una vez arrancado (para que pueda encontrar el servidor) ejecutamos el proyecto Client. Vemos en la ventana de compilación del servidor que aparece el siguiente texto:

Si nos fijamos, en la ventana de compilación nos avisa cuando se conecta el cliente. Luego vamos los diferentes textos del player que va enviando el cliente cada segundo y, por último, vemos que también se avisa cuando se desconecta un cliente.

Resumen

Hemos creado dos proyectos por separado, para diferenciar lo que hace un servidor de lo que hace un cliente. El servidor captura lo que envía el cliente, así de sencillo. ¡Hemos conectado dos aplicaciones con unas pocas líneas de código!
Se podría hacer más pruebas y modificaciones el proyecto, como por ejemplo, crear el ejecutable del proyecto cliente y probarlo en otro ordenador, para ver que se conecta correctamente al proyecto del servidor de Game Maker Studio.

¿Quieres hacer tu propio juego multiplayer?

ACTUALIZACIÓN: De momento, el curso no está disponible hasta que lo haga en la plataforma Udemy.

Ya has visto que es muy sencillo hacer que dos proyectos se comuniquen entre ellos. A partir de ahí surgen algunas dudas: ¿Es posible enviar cualquier información entre ellos? ¿Se podría configurar todo en un único proyecto? La respuesta es SÍ.

Para resolver todas estas cuestiones, he creado un curso como hacer tu propio juego multijugador en Game Maker Studio. En el curso podrás encontrar:

• Detalle de todos los conceptos necesarios para entender como funcionan los envíos de datos en una red.
• Crear un juego dónde el juego hace de servidor y un pad virtual hace de cliente.
• Hacer un juego multijugador, parecido a un MOBA que puedas jugar en diferentes dispositivos dentro de la misma red.

Para cualquier duda que te pueda surgir, puedes enviarme un mail a la página de Contacto.