Juego Multiplayer Phaser.Io Socket.io y Node.js

[Djoaq]

Hola a todos ,

Escribo porque me siento algo perdido ... os explico:

Resulta que me propuse hacer un pequeño juego arcade en 2D ( tipo air hockey ) .

Entonces investigando un poco , escogí la siguiente plataforma :

Phaser.io Como framework de juegos .
Node.js + socket.io como gestor de conexiones.
MongoDb como capa de persistencia.

El caso es que mi primer experimento fue un chat ,con mensajes publicos y mensajes privados , hasta aquí sin problemas.

Después de aprender como iba Nodejs y Socket.io empece con phaser.io ...

Con juegos sin multiplayer .. es la caña pero con juegos multiplayer...me empezó a dar auténticos quebraderos de cabeza ...

Tengo varios fallos al "remotar" a 1 jugador... ( se me copian los sprites en vez de moverlos de sitio... etc...) y parece ser que phaser.io no esta preparado nativamente para ser multijugador.

Mi pregunta es sí alguien conoce o a utilizado algún otro framework en javascript para desarrollo de pequeños juegos 2D y si ha podido integrarlo bien a través de nodejs y socket.io.

Y por supuesto si alguien que haya tocado phaser.js me pudiera echar una mano ... le estaría muy agradecido.

P.D : No se si este es el mejor lugar para este post , espero lo muevan si no lo es.

Saludos a todos y gracias !

[stock]

Se ve interesante Phaser.io, yo he utilizado EaselJS y lo he integrado sin problemas, voy a revisar Phaser.io e intentar integrar algo rápido, se ve muy bien esa librería :)

[jp91]

Ya se han realizado varios juegos puedes entrar al foro de desarrolladores html5gamedevs.com aqui hablan de uno http://www.html5gamedevs.com/topic/4...r-demo-inside/ en su firma tiene un tetris pultiplayer.

[stock]

Ok, después de unos días de ponerme a hacer esto lo he conseguido!! Aquí te dejo un pequeño demo:

http://aprendejs.com/

El código JS lo puedes leer fácilmente, realmente es poco código. En este momento solo están funcionando las conexiones con sockets, cada que se conecta un usuario nuevo se crea su monito en todos los clientes, cuando el jugador local mueve su monito este también se mueve en todos los clientes.

Para mover al monito simplemente envío las coordenadas y dirección a los jugadores remotos, esto usando websockets:

Código Javascript:

Stars.socket.emit("moveplayer", {id:me.current.id, x: me.player.x, y:me.player.y,direction:direction});
 

Luego tengo esta función que se ejecuta únicamente en los jugadores remotos:

Código Javascript:

_moveRemotePlayer : function(event,message){
        var me = this,
            movePlayer = me.remotePlayers[message.player.id];
 
        // Player not found
        if (!movePlayer) {
            console.log("Player not found: "+message.player.id);
            return;
        };
 
        // Update player position
        movePlayer.x = message.player.x;
        movePlayer.y = message.player.y;
        if(message.player.direction){
            movePlayer.animations.play(message.player.direction);
        }else{
            movePlayer.animations.stop();
     
            movePlayer.frame = 4;
        }
    }
 

Esta función se ejecuta cuando los jugadores remotos reciben las coordenadas, aquí solo asigno las nuevas coordenadas y ejecuto la animación.

En este momento todavía no detecto coaliciones entre jugadores, ese es el siguiente paso, planeo hacer un juego donde existan dos tipos de jugadores, humanos y leones (o cualquier otro animal), los humanos correrán para no ser comidos por los leones :)

Saludos

[Djoaq]

Iniciado por stock

Ok, después de unos días de ponerme a hacer esto lo he conseguido!! Aquí te dejo un pequeño demo:

http://aprendejs.com/

El código JS lo puedes leer fácilmente, realmente es poco código. En este momento solo están funcionando las conexiones con sockets, cada que se conecta un usuario nuevo se crea su monito en todos los clientes, cuando el jugador local mueve su monito este también se mueve en todos los clientes.

Para mover al monito simplemente envío las coordenadas y dirección a los jugadores remotos, esto usando websockets

Saludos

Buen aporte! Yo lo saqué de este ejemplo:https://github.com/XicoMBD/phaser-multiplayer-game
Ahora estoy en el punto de que las colisiones y la física funcionan y ya solvente el problema de la duplicación de sprites . El problema que se presenta ahora es que me he dado cuenta de que cuando se juega via Wi-Fi aveces hace lag.. y por lo que he estado investigando , resulta que la conexión Wi-Fi soporta la pérdida de paquetes... y eso hace que de vez en cuanto haya lag.. estoy estudiando laa posibilidad de jugar con intervalos de tiempo para intentar ahorrar recursos de transimision de datos, teniendo en cuenta que node recibe las posiciones cada 12/16 ms.
Otro experimento que estamos probando es ver si merece la pena ccomprimir los Json para ahorar ancho de banda a la hora de recibir y enviar posiciones.
Ire posteando mis experiencias.

[stock]

Yo también estoy en eso de optimizar el envío de datos, noté cierto lag cuando lo subí al servidor y también ando buscando mejores soluciones.

Es la primera vez que hago juegos, así que mi experiencia en este ramo es nula. Igual voy a ir documentando mis experiencias en mi blog y subiendo mis experimentos a github.

Saludos

[Djoaq]

Yo estoy en la misma situación stock!
Pero aun estoy haciendo pruebas.. tengo varias cosillas en mente... restrasar los emits..para bajar la tasa de transferencia.. pasar json comprimidos (bson) segmentar los movimentos por bloques y hacer tweens... etc etc!
Ya iré poniendo en común!