-Javier Martínez Pablo - Game Designer
-Iago Calvo Lista - Desarrollador
-Iago Cruz García - Desarrollador
-Germán Matilla Jiménez - Artista 2D
-Ángel Cabanilles Gomar - Artista 2D, Animador 2D
Se trata del documento de diseño de juego de Shoten Samurai, diseñado para navegadores web, tanto para ordenadores como dispositivos móviles. Este juego se diseñará exclusivamente con herramientas de W3C como HTML, CSS y JavaScript. Se detallarán los conceptos claves del desarrollo del juego incluyendo mecánicas, arte, objetivos, controles, etc.
Shoten Samurai es un juego en el que controlamos a un samurai que decide escalar una extraña torre que se está derrumbando, esquivando o destruyendo los objetos que van cayendo.
- Un juego sencillo: un solo botón de acción para saltar.
- Una torre infinita, donde tendrás que aguantar lo máximo posible escalándola.
- Desafío constante, poniendo a prueba tus habilidades, aumentando la dificultad a medida que avanzas.
- Temática oriental con toques de humor.
La idea de Shoten Samurai nace de ideas como Lumberjack, Geometry Dash y Fruit Ninja, ideas simples y desafiantes, por lo tanto el juego es una mezcla de varios géneros como:
- Endless Running: La torre es infinita, escalando hasta donde aguantemos.
- Arcade: Cada vez más dificultad, aumentando la velocidad de los objetos.
Es un juego que está pensado para todos los públicos, tanto para gente con mucho tiempo libre que busca un desafío que lo entretenga, como para personas con poco tiempo libre y que buscan partidas cortas para consumir los ratos muertos del día a día. Estimamos que el juego tendrá un PEGI +12, por incluir palabras malsonantes.
El juego se compondrá de un solo nivel infinito cuyo fondo y objetos en pantalla cambiarán según la dificultad. El personaje deberá saltar entre las dos paredes de la torre, destruyendo los objetos rompibles para conseguir más puntuación y esquivando aquellos obstáculos que le causarán una muerte terrible y dolorosa.
- Movilidad: Personaje que asciende por una torre, saltando de pared en pared con un ángulo de 45 grados.
- Obstáculos y objetos: En las paredes habrá objetos fijos que habrá que esquivar y por el centro caerán objetos, algunos rompibles (bambú, tela, madera...) y otros indestructibles (diferentes sprites de rocas).
Presenta una estética oriental con toques de pixel art, el juego será un reclamo para aficionados de este estilo visual y los nostálgicos de los 16 bits. Los colores utilizados en el juego están basados en la paleta estándar representativa de la cultura oriental feudal: tonos rojizos, dorados, marrones e incluso rosas.
El objetivo de este proyecto es presentar un juego con mecánicas sencillas, que sea fácil de entender y muy entretenido. En un futuro se podrán incluir mejoras en las partidas o un apartado de personalización.
En este apartado se explicará con detalle todo lo relacionado con las mecánicas del juego de Shoten Samurai. De forma concisa y clara se mostrarán todos los aspectos importantes en cuanto a las partidas se refiere; indicando cómo serán los niveles, cómo avanzará el personaje, qué objetos aparecerán por pantalla y demás.
Los controles de Shoten Samurai serán simples y directos: un único click en la pantalla o en botón space del teclado para que el personaje salte a la otra pared. El jugador deberá calcular cuándo debe saltar para poder esquivar correctamente los objetos de los laterales, romper los que caen por el centro o para no quedarse mucho tiempo en la misma pared y perder así la partida. Todos los saltos se realizarán con un ángulo de 45 grados hacia la pared contraria.
Durante la partida, se observarán dos barras azules horizontales, una en la parte superior y otra en la inferior de la torre, para mostrar al jugador los límites del escenario jugable: si cruza la barra inferior, morirá ya que el personaje no ha conseguido suficiente altura; si sobrepasa la superior, no podrá saltar más.
Cada partida de Shoten Samurai se desarrollará en un único escenario infinito, donde la dificultad se irá incrementando en función de cuánto aguante el jugador. El background y algunos objetos irán cambiando dependiendo de lo alto que se llegue a escalar la torre.
Cuanto más aguantemos, más se incrementará la dificultad de la siguiente forma:
- Los objetos y los obstáculos de las paredes caerán con más velocidad.
El jugador deberá prestar cada vez más atención y dependerá de sus propios reflejos y capacidad de predicción (en los niveles más avanzados).
Se podrán conseguir puntos de dos maneras:
- El jugador obtendrá puntuación a medida que ascienda por la torre.
- El jugador conseguirá puntos si rompe los objetos destruibles, aumentando la cantidad de puntos que consigue si los destruye de forma continua con cada salto, perdiendo el aumento de puntos si no se destruye algún objeto en el salto.
Se guardará la mejor puntuación del jugador tras finalizar la partida, pudiendo introducir su nombre.
En este apartado se detallará, paso a paso, cómo es una partida del juego Shoten Samurai. Se explicarán qué opciones tendrá el jugador en la pantalla de inicio, cómo es una partida y qué pasa cuando ésta termina.
Cuando el jugador entra en el juego, se verá un menú de inicio con una estética pixel art con estilo japonés donde se verán todas las opciones de las que dispone el jugador.
Si el usuario pulsa el botón de Créditos , se mostrará una pantalla con el nombre de los desarrolladores del juego y los roles de cada uno, además de un link para acceder a las páginas del equipo de Heimdall Games.
El botón de Mejores Puntuaciones llevará al usuario al ranking de los jugadores, con sus respectivos nombres, que han conseguido las mejores puntuaciones.
Si se pulsa el botón de configuración, se entrará en el menú de ajustes, donde el jugador podrá cambiar el idioma y activar o desactivar el sonido.
El botón de Jugar hará que el usuario entre directamente en la partida, donde posiblemnte se incluye un pequeño cómic introductorio para poner en contexto al jugador y dar comienzo a la experiencia de juego como tal. El jugador deberá escalar una torre esquivando obstáculos en los laterales y a su vez rompiendo algunos de los que caen por el centro para aumentar su puntuación. Se trata de un juego tipo Endless Running, por lo tanto el objetivo del jugador es aguantar lo máximo posible sin caerse y sin ser golpeado por los objetos. Cada vez que el jugador pulse la pantalla del móvil o pulse el botón de barra espaciadora en el teclado, el personaje hará un salto de 45 grados a la pared opuesta. Cuanto más aguante el usuario, mayor será la dificultad de la partida, con un incremento de la velocidad y con más objetos en pantalla.
Si el jugador muere, se dará paso a la pantalla de Game Over. Aquí, el usuario podrá introducir su nombre si consigue un nuevo récord en la puntuación, además podrá volver a jugar una partida o volver al menú principal.
En esta sección se detallarán los objetos que aparecerán a lo largo del juego, así como una descripción del personaje principal.
El protagonista del videojuego es un Samurái de la época feudal japonesa que se encuentra una extraña torre con un cártel muy llamativo.
Figura 1: Personaje principal.
Al pie de esta infinita torre, el personaje se encuentra un cártel con el siguiente mensaje: "No hay cojones a subirla".
Figura 2: Perspectiva contrapicada de la torre.
Figura 3: Cartel al pie de la torre.
El protagonista tendrá que subir la torre destruyendo objetos tales como telas, tablones de madera y cañas de bambú; así como esquivando diferentes tipos de piedras y rocas.
Figura 4: Ejemplo objeto rompible.
Figura 5: Ejemplo obstáculo no rompible.
Dichos objetos se especificarán en la sección de Arte.
Como se ha mencionado, el jugador está continuamente ascendiendo por la torre mientras esquiva ciertos objetos y destruye otros.
El único movimiento posible es el de saltar a la pared opuesta, realizando un salto de 45 grados sobre el eje horizontal del personaje, al pulsa la pantalla del móvil o botón de barra espaciadora.
Cuando el protagonista choque contra algún objeto de los laterales del escenario morirá, al igual que si choca contra algún objeto indestructible del centro de la torre. El mismo movimiento de salto hace que el Samurái pueda cortar algunos de los objetos que caen del centro, para conseguir más puntos.
Tal como se especificaba anteriormente, con el objetivo de dificultar la ascensión de la torre del samurái, ciertos obstáculos aparecerán en los laterales de la torre y cayendo por el centro de la misma, algunos de estos destruibles. Las siguientes colisiones estarán presentes en juego:
- Samurái-Torre
- Samurái-Objeto
En esta sección se especificará con detalle cada una de las pantallas que componen Shoten Samurai. Además, se indicarán las transiciones entre ellas así como la utilidad de cada elemento de la GUI (Graphical User Interface).
El siguiente diagrama de estados muestra las pantallas presentes a lo largo de Shoten Samurai, así como las transiciones entre ellas. En puntos posteriores nos centraremos en ellas de forma individual.
Figura 6: Diagrama de flujo de pantallas en el juego.
A continuación el boceto de la pantalla de bienvenida:
Figura 7: Boceto de la pantalla de bienvenida.
La primera vez que se acceda al menu principal se mostrara el logo del juego hasta que el usuario haga click.
A continuación el boceto de la pantalla de Menú Principal:
Figura 8: Boceto del menú principal.
Lista y descripción de todos sus componentes.
- Botón Jugar: Este botón mostrará la cinematica de inicio, la cual dará inicio a una nueva partida cuando acabe.
- Botón Créditos: Este botón llevará al usuario a la pantalla de créditos.
- Botón Mejores Puntuaciones: Este botón llevará a la pantalla de mejores puntuaciones.
- Botón Configuración: Este botón llevará a la pantalla de configuración.
A continuación el boceto de la pantalla de Créditos:
Figura 9: Boceto de la pantalla de créditos.
Lista y descripción de todos sus componentes.
- Botón Menú: Este botón devolverá al jugador al menú principal.
A continuación el boceto de la pantalla de Mejores puntuaciones:
Figura 10: Boceto de la pantalla de mejores puntuaciones.
Lista y descripción de todos sus componentes.
- Botón Menú: Este botón devolverá al jugador al menú principal.
A continuación el boceto de la pantalla de Configuración:
Figura 11: Boceto de la pantalla de configuración.
Lista y descripción de todos sus componentes.
- Checkbox: Este checkbox permitirá activar/desactivar el sonido.
- Desplegable: Este desplegable permitirá escoger el idioma, los idiomas que se planean implementar son inglés, español y japonés.
- Botón Menú: Este botón devolverá al jugador al menú principal.
A continuación el boceto de la pantalla tutorial:
Figura 12: Primera pantalla del tutorial introductorio.
Figura 13: Segunda pantalla del tutorial introductorio.
Esta pantalla se mostrará la primera vez en cada sesión que un jugador acceda al juego, el jugador irá clickando para observar un tutorial en formato cómic del juego.
A continuación el boceto de la pantalla principal:
Figura 14: Captura de la pantalla principal.
Esta pantalla será la pantalla principal, donde el jugador pasará la mayor parte del tiempo, el funcionamiento de las mecánicas han sido explicadas anteriormente por lo que no serán repetidas.
A continuación el boceto de las variantes de la pantalla de Game Over:
Figura 15: Captura de la pantalla de Game Over.
Lista y descripción de todos sus componentes.
- Name input: El jugador usará este campo para introducir sus iniciales. Se mostrarán como iniciales predeterminadas las últimas introducidas y se registrará al pulsar cualquiera de los botones.
- Botón Volver a jugar: Este botón dará directamente inicio a una nueva partida.
- Botón Menú: Este botón te devolverá al menú principal.
Shoten Samurai tendrá un estilo de arte pixel art de inspiración oriental.
A continuación enumeramos los recursos necesarios:
Todas las imágenes deberán estar en formato .png o .jpg además de en el formato propio del programa con el que se crearon (.psd o .xcf) para posibles futuras modificaciones. El fichero de trabajo debe tener una calidad superior a la requerida en el juego.
-
Interfaz:
- Imagen del Juego: Imagen usada en la pantalla de bienvenida, mostrada anteriormente.
- Iconos de los menús: Iconos para acceder a diferentes partes del menú.
Figura 16: Sprite de parte de los botones.
Figura 17: Sprite de parte de los botones.
-
Personaje:
-
Samurai: Deberá tener una animación de correr, salto, aterrizaje, corte y muerte.
Figura 18: Pose 1 del personaje caminando por la pared izquierda.
Figura 19: Pose 2 del personaje caminando por la pared izquierda.
Figura 20: Pose 3 del personaje caminando por la pared izquierda.
Figura 21: Pose 4 del personaje caminando por la pared izquierda.
Figura 22: Pose 5 del personaje caminando por la pared izquierda.
Figura 23: Pose 6 del personaje caminando por la pared izquierda.
Figura 24: Pose 1 del personaje caminando por la pared derecha.
Figura 25: Pose 2 del personaje caminando por la pared derecha.
Figura 26: Pose 3 del personaje caminando por la pared derecha.
Figura 27: Pose 4 del personaje caminando por la pared derecha.
Figura 28: Pose 5 del personaje caminando por la pared derecha.
Figura 29: Pose 6 del personaje caminando por la pared derecha.
Figura 30: Pose del personaje preparándose para saltar de derecha a izquierda.
Figura 31: Pose del personaje saltando de derecha a izquierda.
Figura 32: Pose del personaje preparándose para saltar de izquierda a derecha.
Figura 33: Pose del personaje saltando de izquierda a derecha.
Figura 34: Pose del personaje cuando muere.
-
Obstáculo en pared: Obstáculo en las paredes que obligarán a saltar al personaje. Se aconseja hacer varios modelos.
Figura 35: Obstáculo lateral (derecha e izquierda) de la primera fase del juego.
Figura 36: Obstáculo lateral (derecha e izquierda) de la segunda fase del juego.
Figura 37: Obstáculo lateral (derecha e izquierda) de la tercera fase del juego.
Figura 38: Obstáculo lateral (derecha e izquierda) de la cuarta fase del juego.
-
Obstáculo cayendo: Obstáculo cayendo por el escenario que dificultará el salto. Se aconseja hacer varios modelos.
Figura 39: Tipo 1 de obstáculo central irrompible.
Figura 40: Tipo 2 de obstáculo central irrompible.
Figura 41: Tipo 3 de obstáculo central irrompible.
Figura 42: Tipo 4 de obstáculo central irrompible.
-
Objeto rompible cayendo: Objeto cayendo por el escenario que permitirá sumar puntos. Deberá haber una animación de destrucción y se aconseja hacer varios modelos.
Figura 43: Tipo 1 de objeto central rompible.
Figura 44: Tipo 2 de objeto central rompible.
Figura 45: Tipo 3 de objeto central rompible.
Figura 46: Tipo 4 de objeto central rompible.
Figura 47: Tipo 5 de objeto central rompible.
Figura 48: Sprite de objeto destruido.
-
-
Escenario:
- Fondo: Fondo tildeable verticalmente, deberá de haber al menos uno por cada nivel de dificultad.
Figura 49: Comienzo del escenario de la primera fase.
Figura 50: Parte intermedia del escenario de la primera fase.
Figura 51: Transición de escenario entre la primera y la segunda fase.
Figura 52: Parte intermedia del escenario de la segunda fase.
Figura 53: Transición de escenario entre la segunda y la tercera fase.
Figura 54: Parte intermedia del escenario de la tercera fase.
Figura 55: Transición de escenario entre la tercera y la cuarta fase.
Figura 56: Escenario de la fase final.
Se dará libertad al artista para su implementación, aunque éste deberá de asegurarse que el formato escogido sea fácilmente integrable en HTML5.
- Animacion de inicio: Pequeña animación cómica que dará inicio al juego.
Se dará libertad al artista para su implementación, aunque éste deberá de asegurarse que el formato escogido sea fácilmente integrable en HTML5 y con los requisitos de espacio y rendemiento adecuados.
- Juego: Música animada e intensa con toques orientales que invite al jugador a seguir jugando sin molestarle.
- Sonido Game Over: El personaje emite un sonido al morir.
- Sonido de corte: Rápido sonido que sonará al cortar un objeto.
- Sonido de salto: Sonido realizado al saltar.