Clonar el repositorio:
git clone https://github.com/cleongh/plantillaphaser
Podemos modificar el archivo package.json para configurar nuestro proyecto (nombre, autor...)
Para iniciar el proyecto (sólo 1 vez) instalamos las dependencias (parcel, phaser):
npm install
Cada vez que queramos usarlo, tenemos que arrancar el servidor de desarrollo que monitorizará los cambios, procesará el contenido y cambiará la página. Usa Parcel.
Para arrancar el servidor de desarrollo:
npm start
Con esto, solo tenemos que programar y guardar los archivos, Parcel se encargará del resto.
Cuando queramos publicar el juego, podemos crear una build de release. Parcel optimizará los archivos y, con la configuración que hay en package.json, generará en la carpeta docs/ una versión "pública" de nuestro proyecto.
npm run build
Está todo configurado para que se active "GitHub Pages", y se use, en la rama principal (se suele llamar main), la carpeta docs/. Simplemente hay que activarlo en "Settings" → "Pages" → "Build and deployment".
En la carpeta .vscode/ hay una configuración para usar Visual Studio Code, tanto para construir el release (npm run build) como para ejecutar y depurar. Simplemente hay que ejecutar "Run" → "Start debugging..." (or presionar F5).
TypeScript está automáticamente habilitado (gracias a Parcel). Para usarlo, simplemente hay que crear archivos con extensión .ts.
Título -> Escape en Alta Mar
Escrito por -> Hubisoft
CONTENIDO 1. Objetivos del Juego 2. Descripción General de la Historia 3. Controles del Juego 4. Requerimientos Tecnológicos 5. Cámara del Juego 6. Sistema HUD 7. Personaje del Jugador 8. Mecánicas del Juego 9. Niveles del Juego 10. Personajes Principales de la Historia 11. Esquema de Progresión del Juego 12. Clasificación de la Jugabilidad 13. Música y Efectos de Sonido 14. Puntos y Preocupaciones
OBJETIVOS DEL JUEGO
"Escape en Alta Mar" es una aventura de resolución de puzzles contrarreloj. El jugador se enfrenta a un entorno tenso y dinámico que exige rápidas decisiones y habilidades de resolución de problemas. Con cada minuto que pasa, el peligro aumenta, haciendo que cada solución acertada sea una carrera hacia la supervivencia.
DESCRIPCIÓN DE LA HISTORIA
"Escape en Alta Mar" te sumerge en la emocionante historia de una joven que, al cumplir los 18 años, comienza a sentir que hay algo importante que le han ocultado sus padres adoptivos. Su intuición la lleva a investigar el ático de su hogar, donde descubre una enigmática caja cerrada con llave. Determinada a desentrañar la verdad, se embarca en una búsqueda para abrir la caja y descubrir su contenido. Para su asombro, descubre que tiene un hermano gemelo, una revelación que sacude los cimientos de su mundo.
Impulsada por el deseo de conocer a su hermano y entender su pasado, la protagonista toma la decisión audaz de dejarlo todo atrás y emprender un viaje en busca de él obligandola a subirse a un contenedor para poder subirse al barco para encontrarlo.
Sin embargo, una tormenta repentina hace que el barco comience a hundirse. Atrapada en un contenedor en la bodega, la prota debe usar su ingenio y valentía para escapar. Con cada segundo que pasa, el agua sube rápidamente, aumentando la tensión y el desafío. Finalmente, después de resolver los últimos puzzles y con el agua casi cubriéndola por completo, logra liberarse y nadar hacia la superficie.
Exhausta pero determinada, la prota se enfrenta a la inmensidad del océano y nada con todas sus fuerzas hacia la orilla. A medida que se acerca, la silueta de una playa se hace visible entre las olas. Cuando finalmente llega a la orilla, jadeando y cubierta de arena, levanta la vista y ve a su hermano, sentado en la playa, mirando el mar con preocupación y esperanza en sus ojos.
El reencuentro es emotivo y lleno de lágrimas de alegría, cerrando la aventura con una nota de amor, redención y el comienzo de una nueva etapa en sus vidas.
CONTROLES DEL JUEGO
3D: • WASD: Movimiento • Mouse: Control de la cámara • E: Interactuar con objetos 2D (puzzles específicos): • Mouse: Interacción
REQUERIMIENTOS TECNOLÓGICOS
El juego está diseñado para navegadores con requerimientos moderados de hardware, sin necesidad de audio pero con una demanda gráfica que podría no ser apta para equipos de gama baja.
CÁMARA DEL JUEGO
El juego utiliza una cámara en primera persona para sumergir a los jugadores en la experiencia desde la perspectiva de la protagonista.
SISTEMA HUD
La interfaz es mínima, con indicadores visuales discretos para no distraer de la inmersión. Elementos como el contador de elementos para completar el nivel y mensajes indicadores de interacción son los únicos elementos visibles.
PERSONAJE DEL JUGADOR
La personaje principal es una adolescente ingeniosa y valiente, en busca de respuestas de su pasado para descubrir un pedazo de ella que le arrebataron y no sabia que había perdido.
MECÁNICAS DEL JUEGO
Resolver puzzles utilizando objetos encontrados, manipular mecanismos y navegar por los obstáculos del entorno en el hundimiento y en el nivel de prueba.
NIVELES DEL JUEGO
-
Tutorial en el atico: Introducción a las mecánicas de juego sin presión de tiempo, consta de 4 puzzles que una vez realizados consigues los recursos que te piden para poder completar el nivel y poder descubrir que esconde la caja.
-
Escapar del contenedor: El barco se está hundiendo, y el tiempo es crítico ademas de tener que resolver 4 puzzles más complejos y un ambiente que cambia dinámicamente con el progreso del agua.
PERSONAJES PRINCIPALES DE LA HISTORIA • La Protagonista: La joven en busca de respuestas. • El Hermano: Un joven que es encontrado por la protagonista y que descubre que siempre a tenido una gemela. ESQUEMA DE PROGRESIÓN DEL JUEGO El juego se divide en dos niveles principales, con un aumento de la complejidad y la introducción de un elemento de tiempo en el segundo nivel que añade tensión a la experiencia.
En el inicio de "Escape en Alta Mar", te encuentras frente a un desafío intrigante: debes encontrar cuatro cartas dispersas por la habitación para avanzar en tu búsqueda. La primera está al alcance de tu mano, pero descubrir las otras requerirá astucia y determinación.
En una esquina de la habitación, una balanza antigua espera ser resuelta. Para ello, deberás encontrar y colocar cuidadosamente unos cubos con pesos diferentes que están escondidos en una estantería cercana. Cuando logres equilibrar la balanza, revelarás el primer elemento clave: el palo de un pomo.
SItuado el palo del pomo en la pared, tu próximo desafío consiste en completarlo. ¿Cómo? Rompiendo un cristal en la estantería para obtener la otra mitad del pomo. Esta acción desencadena la aparición de una misteriosa caja en el sofá, transportándote a un desafiante puzzle en 2D. Al resolverlo, obtendrás un trozo de carta, el segundo de los cuatro que necesitas.
En la pared, se encuentra un timón incompleto. Las piezas faltantes están dispersas por la habitación, escondidas entre los objetos y estanterías. Al recolectar y ensamblar cada pieza, desencadenarás un efecto de tele antigua que hará aparecer otra carta en la pared lateral exterior derecha de la estantería.
Para el último desafío, necesitarás hacer uso de una pelota para romper una caja de cristal. El estallido revelará el último fragmento de carta que necesitas para completar la llave del cofre.
Con los cuatro trozos de carta en tu poder, finalmente revelarás la parte faltante de la llave en el cofre. Al abrirlo, te espera un descubrimiento sorprendente: la existencia de tu gemelo. Este emocionante hallazgo marca el inicio de una aventura llena de misterios y emociones, donde cada paso te acerca más al reencuentro con tu familia perdida.
En el segundo nivel de "Escape en Alta Mar", te encuentras atrapado en un contenedor que se está hundiendo rápidamente. Tu misión es resolver cuatro desafiantes puzzles antes de que sea demasiado tarde y el agua te alcance. El primer desafío consiste en resolver una adivinanza que revelará una palabra clave. Utilizando los colores como indicadores, deberás introducir la contraseña en una caja cerrada. Cada letra corresponde a un color específico. Al abrir la caja, encontrarás una pista para el siguiente puzzle y recibirás una tiza.
Con la tiza en mano, podrás pintar en una pizarra dentro del contenedor. Pintar el cubo central activará un mecanismo que revelará un objeto oculto. Al interactuar con él, desbloquearás un puzzle en 2D que debes resolver colocando los colores en orden decreciente. Al resolverlo, obtendrás la segunda pista del puzzle final y la contraseña para abrir la segunda caja.
Al abrir la segunda caja, encontrarás la tercera pista y un cilindro. Además, aparecerá un cubo con un hueco en el que debes insertar el cilindro. Esto te permitirá acceder a otro puzzle en 2D donde debes ordenar los cilindros en el hueco correctamente. Al completarlo, recibirás la última pista del puzzle final.
La última pista te revelará el secreto de la "H", indicándote que al presionarla, los números y letras que has encontrado cobrarán sentido y te darán una serie de letras con colores. Utilizando esta información, resolverás el último puzzle y escaparás del contenedor justo a tiempo.
CLASIFICACIÓN DE LA JUGABILIDADES
"Escape en Alta Mar" es una experiencia de juego diseñada para cautivar y emocionar a jugadores de todas las edades, desde los 7 años en adelante. Con un enfoque en la resolución de puzzles y la narrativa envolvente, este juego ofrece un desafío emocionante y accesible para todos los que deseen sumergirse en una aventura en alta mar.
MÚSICA Y EFECTOS DE SONIDO
El juego no incluye audio, centrando toda la experiencia en el componente visual y la interacción.
PUNTOS Y PREOCUPACIONES
Debido a la falta de audio, es crucial asegurarse de que las señales visuales sean claras y efectivas para guiar al jugador a través de las mecánicas y la historia del juego.