• Letra del grupo: C

• Aventura de ninjas en el japón feudal.

• Plataformas

• PC

• Integrante 1:

  • Nombre: Germán López Gutiérrez

  • Email de la urjc: g.lopezg.2017@alumnos.urjc.es

  • Email de GitHub: gerlogu@gmail.com

• Integrante 2:

  • Nombre: Ignacio Atance Loras

  • Email de la urjc: i.atance.2017@alumnos.urjc.es

  • Email de GitHub: ignacio.atance.loras@gmail.com

• Integrante 3:

  • Nombre: Jorge Sánchez Sánchez

  • Email de la urjc: j.sanchezs.2017@alumnos.urjc.es

  • Email de GitHub: jorgesanworks@gmail.com

• Integrante 4:

  • Nombre: Alberto Romero Abarca

  • Email de la urjc: a.romeroa.2017@alumnos.urjc.es

  • Email de GitHub: romeroabarca.alberto@gmail.com

• Github del equipo:

  • https://github.com/gerlogu/Shinobi-no-noboru

• Link: https://trello.com/b/T5xBf1k2/juegos-en-red

• Off The Balls

  • Videojuego
  • Inspira: La mecánica en la que se debe ir saltando entre superficies.

• PROYECTO NINJAS DEL INFIERNO (1985)

  • Película
  • Inspira: La estética de los ninjas y el tono de los mismos.

Un juego de plataformas multijugador de ninjas centrado en el objetivo de subir una cascada a base de saltos. Es un videojuego centrado en la verticalidad y la resistencia, donde se tendrá que sobrevivir hasta que tu rival sea el primero en caer ya que si no, él será quién se lleve la victoria. De la parte superior de la cascada irán cayendo troncos, los cuales serán nuestro medio para mantenernos en la cascada, con el único problema de que, al tocarlos, estos se destruirán y nosotros saldremos disparados hacia arriba de un salto. En eso consistirá el juego, en ir saltando de tronco en tronco y fijarse en los siguientes, ya que cualquier error de cálculo se verá reflejado en nuestra derrota.

Juego multijugador para 2 jugadores ambientado en la época Edo. Los personajes que se manejarán serán ninjas cuyo objetivo es escalar una cascada. Este título gira entorno a la resistencia, el jugador derrotado será aquel que haya caído durante la escalada mientras que el victorioso será el que se haya mantenido en pie cuando esto haya sucedido.

Se jugará en panorámico y los jugadores se encontrarán en la misma cascada. En uno de los laterales se encontrará la distancia recorrida por los jugadores. Mientras tanto, de la parte superior de la pantalla irán apareciendo troncos que utilizará el jugador para saltar de uno en otro para mantenerse en la subida, por lo que también habrá un carácter selectivo en el videojuego que el jugador deberá dominar para aguantar más que su rival y no caer al vacío por un error de cálculo.

La partida concluirá cuando uno de los jugadores haya perecido.

• El gameplay frenético que genera tensión a medida que se va subiendo la cascada.

• Partidas rápidas y simples que implican que cualquier clase de jugador pueda entretenerse con el título en cualquier situación.

El juego tendrá una estética cartoon, más similar a la de cómic. Tomaremos de referencia los sigientes elementos:

• Ninja Gaiden: Para la estética de los ninjas.

• PROYECTO NINJAS DEL INFIERNO (1985): Para la estética de los ninjas y la paleta de colores.

• Battleblock Theater: La paleta de colores y la poca sobrecarga de la imagen, tanto de los personajes como de los escenarios.

Un grupo de ninjas, en busca de perfeccionar sus habilidades, deciden competir en la escalada de una cascada mejorando así sus reflejos y con la motivación de querer destacar sobre el resto de compañeros ninja.

Los jugadores aparecerán en las esquinas de la pantalla y saltarán a un tronco empezando así la partida. Cuando el jugador colisiona con un tronco, su personaje será impulsado hacia arriba, y se deberá controlar la caída haciendo uso de las teclas 'A' y 'D' o las flechas de dirección, moviéndose a la izquierda o a la derecha.

De la parte superior de la pantalla irán cayendo los troncos que los jugadores deberán alcanzar para poder impulsarse y no caer al vacío. A su vez, el tronco con el que colisione un jugador es destruido.

A medida que avanza la partida, la corriente aumenta, haciendo que los troncos caigan más rápido, pero el número de troncos disminuirá, hasta que uno de los jugadores caiga finalizando así la partida.

In game en una de las esquinas se mostrará la distancia recorrida de los jugadores. Por lo demás, en cuanto a UI no hay más contenido durante la partida.

El menú inicial contará con una opción para acceder menú opciones para configurar el sonido del juego y ver los controles, otra para iniciar una partida en local, una más para iniciar una partida online y una última para salir del juego.

• Cascada

• Troncos

• Ninjas

• Fuera
  • Música de fondo
• Dentro
  • Agua de la cascada

• Movimiento
  • Salto
• Caída del personaje
  • Grito

• Animaciones del entorno

  • Agua de la cascada

• Animaciones de los personajes

  • Salto
  • Caída

• Físicas (Para salto y caída del ninja).

• Detección de colisión entre el ninja y el tronco.

• Impulso al detectar la colisión.

• Muerteuerte del jugador.

• Pantalla final (Vencedor y perdedor).

• Menú de inicio.

• Configuración del volumen.

• Distancia recorrida por los jugadores (in game).

https://youtu.be/vXm2N0OkYEs

• Menú principal:

Este es el menú inicial, el primero que sale al iniciar el juego. En el tenemos varias opciones. "Local game" nos permite iniciar una partida en local, para 2 jugadores en el mismo ordenador. "Online game" permitirá enfrentarse a otros jugadores a través de internet en un futuro, ya que todavía no está implementado. "Controls" nos lleva a un menú para aprender a jugar, y "Credits" muestra los créditos del juego.

• Modo online:

Al seleccionar el botón "Online game" en el menú principal, aparecerá un mensaje, indicando que ese modo no está disponible todavía.

• Menú de controles:

En el menú de controles se muestran las teclas que se usan para jugar, y las reglas del juego.

• Menú de créditos:

En el menú de créditos aparecen los creadores del videojuego, así como referencias a materiales externos.

• Partida en proceso:

Es como se vería la partida en sí. En ella hay dos ninjas, cada uno controlado por un jugador, y van apareciendo troncos. Los ninjas deben saltar de tronco en tronco para no caerse, y pueden saltar sobre el ninja rival para empujarle hacia abajo. Si un jugador cae por debajo de la pantalla, pierde una vida y vuelve a subir. Si un jugador las pierde todas, se acaba la partida.

• Fin de la partida:

Cuando uno de los jugadores pierde todas las vidas, aparece un cartel indicando qué jugador ha ganado, y cuantos segundos ha durado la partida. Además hay 2 botones, uno para reiniciar la partida y jugar de nuevo; y otro para volver al menú principal.

• Pantalla de carga:

También está incluida una pantalla de carga, la cual aparece cuando se quiere pasar de una escena a otra. En ella aparece una barra que se va rellenando conforme se cargan los elementos, hasta llegar al final, indicando al jugador el progreso de la carga. También aparece el nombre del elemento que se está cargando en ese momento.

• Para jugar online al pulsar el botón "Online Game" se muestra en pantalla un cuadro donde se debe escribir la IP del servidor del lobby al que se desea acceder.

El botón "Online Game", a diferencia de la fase anterior, en la cual aparecía un mensaje avisando de que ese modo no estaba disponible, ahora permite acceder a una nueva escena donde encontrarse con otro jugador con el que se jugaría una supuesta partida al juego. Para entrar hay que hacer click en el botón e introducir la ip del servidor. En el caso de que la ip sea real, el servidor esté activo y haya espacio en la sala (solo puede haber 2 jugadores por sala) se accederá a la sala en cuestión. Si la ip es incorrecta, o el servidor no está activo, aparecerá un mensaje avisando de ello al jugador, y si la sala está llena, aparecerá otro mensaje de advertencia.

Tras pulsar el botón "online Game" aparecerá este recuadro para introducir la ip del servidor. Tras escribirla, se debe pulsar el botón "Find out" para intentar acceder al servidor en cuestión.

El suriken girando se utiliza como indicación de que se está intentando acceder al sevidor. Si no encuentra el servidor debido a que no existe o no esté activado, se muestra un mensaje donde se le comunica al jugador que el servidor que ha escrito no está disponible y un botón con el que puede volver al menú principal.

En el caso de que el servidor no funcione o no esté disponible, se muestra este mensaje por pantalla a modo de aviso, con un botón para volver al menú.

En el caso de que ya haya 2 jugadores en ese servidor, se muestra un mensaje por pantalla indicando esto, con un botón para volver al menú.

Si la sala está disponible se cambia de escena, donde aparece un cuadro de texto donde el usuario debe escribir su nombre para poder acceder a la sala, junto a un botón de confirmar. Al acceder se muestra el nombre escogido junto a los saltos realizados por el jugador.

Tras introducir el nickname, se mostrará este por pantalla, junto a los troncos que haya saltado en total durante sus partidas a modo de estadísticas del jugador. Esta información se guarda asociada al nickname, por lo que, incluso si el servidor se apaga y se vuelve a encender, si el jugador entrá con un mismo nickname que en una sesión anterior, sus estadísticas seguiran iguales. Si no entra un segundo jugador, el juego de dicho jugador aparecerá vacío, y si entra se mostrará su nickname y sus troncos saltados. A la derecha aparecen siempre (independientemente de si en la escena hay uno o dos jugadores) el número de victorias del clan Ochre y el número de victorias del clan Púrpura. Estos datos representan todas las victorias que los jugadores en su conjunto han logrado con el ninja de color ochre y el ninja de color púrpura, respectivamente. Es importante aclarar que estas estadícticas actualmente no se aumentan de forma real (las victorias o los saltos no influyen) sino que para cambiarlas se deben usar los 4 botones de la escena. Los 2 botones de las flechas aumentan los saltos del jugador 1 y 2, y los botones con surikens para aumentar las victorias de cada clan, respectivamente.

En la parte de cliente primero encontramos el index.html tiene una agregacion del phaser.js y game.js; ya que se incluyen con la etiqueta de <script>. Tambien se podria decir que las otras escenas tambien actuan como agregados del index, pero en realidad son clases que actuan como agregados del propio game.js ya que este contiene la configuracion de todo el juego y por tanto tambien maneja las diversas escenas (main-menu, credits-menu, controls-menu, local-menu y online-lobby). Por otra parte, existe una asociacion entre la escena del main-menu y las escenas del menu de creditos, controles, local y menu ya que podemos acceder desde el main a las otras escenas. Por ultimo, en online-lobby encontramos como agregados input.html e input-url.html ya que contienen los input que se hacen uso dentro de esta escena. En la parte de servidor tenemos tres clases. Primero aplication.java, esta clase se encarga del correcto funcionamiento de toda la aplicacion. Se trata de una clase independiente por lo que no encontramos ninguna composicion ni agregacion, pero existe una agregacion con players-controlers ya que consigue que esta clase funcione adecuajamente dentro de la aplicacion. Player-controlers a su vez tiene una asociacion de composicion con players pues si este se elimina players-controlers no podria existir.

Para la ejecución de la aplicación unicamente será necesario el archivo "jar" de la misma, incluido en la entrega, y en el repositorio de github. Se puede ejecutar haciendo doble click en él, o bien con el CMD. Para este caso, hay que acceder al directorio que contiene el "jar" mediante el comando "cd" para entrar por las carpetas. Una vez en el directorio, se escribe "java -jar 'nombre del fichero.jar'". Una vez ejecutado, desde un navegador web, se introducirá como url la dirección IP del servidor seguido de 2 puntos y el puerto 8080 (ejemplo: 10.10.115.189:8080). Para saber la Ip se introduce en el CMD el comando ipconfig, y se utiliza la direccion ipv4 mostrada. Otra opcion, si se quiere entrar desde el mismo ordenador en el que está el servidor, es poner localhost:8080. Eso mostrará el menú principal del juego. Habrá que hacer click en "Online Game" e introducir de nuevo o la ip, o localhost. No se debe añadir http al principio, eso lo hace el juego automaticamente. Una vez dentro, se introduce el apodo que se desea, y cuando este se ha introducido y se haya creado el jugador, apareceran las estadísticas del mismo. IMPORTANTE: introducir el nickname sin esperar, porque tras varios segundos si no recibe el nickname dará un error, y pedirá salir del modo online. Nada más entrar, se debe pulsar rapidamente uno de los 2 botones con flechas para crear el fichero de texto que almacena las estadísticas. No hacer esto supondrá que el fichero no se crea y esto producirá un error (que arreglaremos). En caso de que la primera ejecución falle, se recomienda probar una vez se haya creado el fichero de texto, pues este error ya no debería ocurrir. Se pueden usar los 2 botones presentes en la escena para aumentar dichas estadísticas. Y el cuadrado sirve para marcar si el jugador está listo o no para iniciar la partida, y si los 2 están listos, se podrá pulsar el botón "PLAY" para que aparezca un cartel indincando que empezaría. (recordemos que estas partidas no se pueden iniciar de verdad, pero en el futuro en lugar de salir el cartel, la partida empezará). En la parte inferior de la pantalla hay un chat. Se puede escribir en la barra y mandar el mensaje pulsando el botón "send". El botón "return" sirve para volver al menú principal. Es importante no salir de la pestaña que se tenga abierta, porque de lo contrario detectará que no hay jugador y este se borrará de la partida (pero no devolverá al menú principal, ya que esto por falta de tiempo no se implementó, por lo que se permanecerá en la misma pantalla pero con jugador borrado). Si el servidor se apaga, a los pocos segundos aparecerá un cartel indicándolo, con un botón para volver al menú principal. Si se cierra la pestaña, o el navegador, el servidor detectará que no hay actividad pasado un largo tiempo (este tiempo será menor en el futuro, pero ahora mismo hay que esperar mucho para ver como se borra el jugador en cuestión).

##Fase 4

El protocolo funciona de la siguiente manera: se almacenan dos sesiones en el servidor, una por jugador. Cuando entra un jugador nuevo, se comprueba si la sesión uno está vacía, en ese caso se guarda la nueva sesión ahí, en caso contrario se comprueba si la sesión 2 está vacía y si se cumple, se guarda la nueva sesión ahí. En caso de que ambas estén llenas no se guarda la sesión. Cuando se cierra una conexión, se comprueba a cual de las 2 sesiones corresponde, y se elimina dicha sesión.

Además de las sesiones, se utilizan dos integers como ids de los jugadores. En el caso de que una nueva conexión sea del jugador uno, se le envía a dicha sesión el id 1 (y lo mismo si es el jugador 2), que el cliente del jugador recibe y usa para saber que ninja puede controlar dicho jugador, y que ninja no. Además se utilizará también para otros comportamientos que se explican más adelante.

Cuando se recibe un mensaje, se comprueba el contenido y en función del mismo, se ejecuta un método u otro, pudiendo ser el contenido del mensaje: - El índice de un tronco que debe caer. - Las coordenadas de el otro jugador, junto a la velocidad tanto horizontal como vertical. - Las coordenadas de posición de los troncos del jugador 1, para comprobar si el jugador 2 tiene los troncos en la misma posición. En caso contrario, sus troncos se colocan en la posición correcta, para evitar que las partidas funcionen de forma desigual. -El número actual del contador inicial (el que baja desde 3 hasta 1 para indicar cuando empieza la partida). -Un indicador de que un ninja ha saltado sobre el otro. -Un indicador de que un ninja ha dado el primer salto (esto es importante, para controlar el aspecto visual de las plataformas donde, al comienzo de la partida, los ninjas están de pie esperando).

En los distintos posibles métodos, uno por cada tipo de dato contenido en el mensaje (los mismos descritos anteriormente) se creará un nuevo objeto JSON con los atributos necesarios, y se le enviará al jugador contrario al que hizo el envío, si es que este segundo jugador está conectado.

Nada más crearse la partida, el cliente inicia una conexión con el websocket. Si se conecta, se muestra por consola. Si se desconecta, se muestra por pantalla el código del motivo, y lo mismo en caso de error. Además se crea un método para gestionar los mensajes recibidos, ya que en función del contenido de los mismos, se usarán para una cosa o para otra. Nada más empezar, se recibirá el playerID, el cual se guardará en una variable local, y se utilizará para decidir que personaje puede controlar el jugador. También servirá para decidir que datos se envían al jugador rival (si el jugador es el jugador 1, se enviarán las coordenadas del ninja 1, y el jugador 2 al recibirlas, sabrá gracias a su propio playerID, que esas coordenadas pertenecen al ninja 1. Además, el ninja 1 envía constantemente las coordenadas de los troncos al jugador 2, y si los troncos están descoordenados, se colocaran en la posición correspondiente). Nada más empezar, los ninjas se encuentran situados en plataformas, y cuando uno salta, envía una señal que el otro jugador recibe y se traduce en mostrar por pantalla que el ninja ha saltado y la plataforma ha caido. Además, si tras esta señal, a los 2 segundos el otro jugador no ha saltado, saltará automaticamente. Si durante la partida un jugador salta sobre el ninja rival, este último será impulsado ligeramente hacia abajo. Esto también ocurre con una señal que el jugador que ha saltado envía y el rival recibe. Al final, cuando termina la partida se puede ver quien ha ganado, y el tiempo que han aguantado (este tiempo se toma del contador que tiene el jugador 1 quien lo envía al jugador 2 para garantizar que ambos muestran el mismo tiempo).

En la parte de cliente primero encontramos el index.html tiene una agregacion del phaser.js y game.js; ya que se incluyen con la etiqueta de <script>. Tambien se podria decir que las otras escenas tambien actuan como agregados del index, pero en realidad son clases que actuan como agregados del propio game.js ya que este contiene la configuracion de todo el juego y por tanto tambien maneja las diversas escenas (main-menu, credits-menu, controls-menu, local-menu, online-game y online-lobby). Por otra parte, existe una asociacion entre la escena del main-menu y las escenas del menu de creditos, controles, local y menu ya que podemos acceder desde el main a las otras escenas. Por ultimo, en online-lobby encontramos como agregados input.html, input-url.html e input-chat.html ya que contienen los input que se hacen uso dentro de esta escena, y ademas una asociacion a online-game.js ya que te lleva a la sesion de multijugador. En la parte de servidor tenemos cuatro clases. Primero aplication.java, esta clase se encarga del correcto funcionamiento de toda la aplicacion. Se trata de una clase independiente por lo que no encontramos ninguna composicion ni agregacion, pero existe una agregacion con players-controlers ya que consigue que esta clase funcione adecuadamente dentro de la aplicacion, y tambien gamehandler que contiene todas las funciones con relacion a websockets. Player-controlers a su vez tiene una asociacion de composicion con players pues si este se elimina players-controlers no podria existir.

https://youtu.be/vXm2N0OkYEs

Aclaración sobre el video: se menciona que ambos jugadores envían sus temporizadores al otro para evitar descoordinaciones. Esto no es correcto ya que solo el jugador 1 envía su temporizador al jugador 2, pero debido a problemas técnicos no hemos podido grabar esa parte de nuevo.

##Fase 5

Hemos añadido un menú de opciones para permitirle al usuario modificar el volumen de la música y los efectos de sonido.

Además hemos incluido un menú antes de iniciar partida para que el usuario pueda personalizar la partida, modificando las vidas de los personajes y la velocidad de bajada de los troncos.

También hemos publicado el juego en 5 páginas de videojuegos:

• itch.io: https://kamasideteam.itch.io/shinobi-no-noboru
• kongregate: https://www.kongregate.com/games/KamaSideTeam/shinobi-no-noboru
• newgrounds: https://www.newgrounds.com/portal/view/746121
• gamejolt: https://gamejolt.com/games/Shinobi_no_noboru/462879
• play.idevgames: https://play.idevgames.co.uk/game/shinobi-no-noboru

Ha sido una fase útil ya que hemos conseguido hacer un videojuego que ofrece una mejor experiencia de usuario aunque nos habría gustado añadir más mejoras ya que consideramos que es un proyecto con bastante potencial.