Bienvenidos a este nuestro proyecto de desarrollo de una aventura gráfica y videojuego interactivos, inspirados en la película de anime Porco Rosso, del Studio Ghibli.
Introducción
Nice looking subtitle.
Para este proyectos nos inspiramos en la película de anime, buscamos trasladarlo a un formato interactivo tomando puntos claves de la película. Permitiendo que el jugador viva su propia aventura!
Temática Porco Rosso
Nice looking subtitle.
Porco Rosso es una mezcla de aventuras de aviación y una historia sobre un piloto condenado a vivir como un cerdo.
Nuestro proceso de producción
Nice looking subtitle.
Este proceso fue una combinación de creatividad y técnica. Cada estapa fue planificada y ejecutada, abordando ciertos retos.
Combinamos el diseño visual y narrativa del mundo de Marco Pagot, el piloto convertido en cerdo, con las posibilidades interactivas del diseño digital utilizando p5.js.
El proyecto tiene como objetivo trasladar la atmósfera de Porco Rosso permitiendo a los jugadores explorar los paisajes, interactuar con personajes memorables como Gina y Fio, y tomar decisiones que permita influir en la historia y explorar diversas posibilidades.
Con el videojuego buscamos que los jugadores puedan interactuar de forma acertada, diseñando con imágenes de los personajes para generar el ambiente de la película, dando a entender que el personaje debe disparar a los piratas. Agregamos las reglas y un objetivo para que el jugador se guíe fácilmente y pueda asar este videojuego.
Este proyecto es una invitación a volver a volar con Marco Pagot, descubrir nuevas historias y conocer una historia llena de poesía, nostalgia y aventura.
Porco Rosso es una película de animación japonesa del Studio Ghibli, dirigida por Hayao Miyazaki en 1992.
La película relata la historia de un piloto italiano de la Primera Guerra Mundial que por una razón desconocida queda hechizado y transformado en un ser con apariencia de cerdo. Además, se ve cómo la profesión de piloto militar es sustituida por la de cazarrecompensas que le granjea rivalidades con los piratas en pleno mar Adriático. La película está basada una manga dibujada y escrita por el propio Hayao Miyazaki.
Marco Pagot es un experimentado piloto militar italiano que, después de ver a un compañero morir en batalla, se convierte en víctima de un extraño hechizo que le hace tener apariencia de cerdo. Debido a esto y a que pilota un hidroavión carmín toma el nombre de Porco Rosso, convirtiéndose en un reconocido cazarrecompensas. A Porco le encanta frustrar los intentos de pillaje de las bandas de piratas que atacan en la costa del mar Adriático. Los piratas, cansados del boicot de Porco, deciden contraatacar contratando a un aventurero estadounidense cuyo objetivo es vencer a Porco Rosso.
Historia:
Un cerdo que pilota un hidroavión rojo en el Adriático, en el periodo de entreguerras. Es un cazarrecompensas, tiene un pasado militar y muchos secretos ocultos tras su rostro porcino. Uno de ellos le hizo perder su forma humana hasta convertirse en cerdo... o quizás ese es un destino que eligió el mismo. Los matones de Mussolini andan por allí pero el piloto lo tiene claro: "Prefiero ser un cerdo que un fascista", les dice. En una isla que a veces sobrevuela con su bella aeronave vive Madame Gina, una cantante de la que está enamorada toda Italia pero que, quizás, solo piensa en el hombre-cerdo. Y hay un grupo de piratas aéreos obsesionados en acabar con su enemigo, 'Porco Rosso'. Y un mercenario americano contratado para eliminar a 'Porco' pero que solo sueña con ser actor y presidente de su país. Y una adolescente, fanática de los aviones, que sabe que 'Porco Rosso' no es un cerdo.
Personajes:
Su verdadero nombre es Marco Pagot, expiloto de la Marina Italiana durante la Primera Guerra Mundial. Su mote se debe a que pilota un hidroavión de color carmín y sufre una maldición que le ha convertido en una especie de hombre-cerdo. Trabaja como cazarrecompensas contra los piratas aéreos.
Piloto estadounidense contratado por los piratas del aire para acabar con Porco, Su avión, al que llama “Serpiente de cascabel" es un Curtiss R3C-2 de la empresa estadounidense Curtiss Aeroplane & Motor Company y que participó en certámenes de la Schneider Cup. Su nombre es un homenaje a los aviones Curtiss Falcon.
Propietaria y cantante del hotel Adriano. Ha enviudado tres veces y todos sus maridos fueron pilotos. Está enamorada de Marco, aunque lo oculta.
Director del taller de mantenimiento de hidroaviones Piccolo, situado en Milán. Antes trabajaba con sus hijos pero como los alistaron en el ejército ante la inminente guerra, ahora le ayudan las mujeres de la familia y vecinas.
Una joven de 17 años, inteligente y persuasiva. A su edad es experta en mecánica y diseño de hidroaviones y se une a Porco para terminar de poner a punto su nuevo avión.
Una banda de aviadores que ejercen la piratería en el Adriático y han tenido numerosos encontronazos con Porco.
Al desarrollar una aventura gráfica sobre la película de anime Porco Rosso usando p5.js implica un proceso que se adapte la historia, combinando narrativa, arte visual y programación interactiva. Esta aventura grafica se centra en la exploración y que el jugador pueda seleccionar decisiones que lleven a diferentes caminos variando su final. Nos basamos en los temas centrales de la película como la aviación y los diferentes desafíos que surgieron. Se identifican las escenas clave, personajes principales y momentos interactivos.
La estructura de la historia es esencial para la aventura gráfica: dividimos la aventura en capítulos o escenas basadas en ubicaciones icónicas de la película (el secuestro de los piratas, el desafio de Curtis, el taller de Piccolo, etc.). Creamos puntos de decisión donde las elecciones del jugador afectan la historia. Agregamos sonido de ambiente que evoque el ambiente nostálgico de la película, donde el espectador pueda activarlo y desactivarlo
Para programar la aventura gráfica creamos un sistema para poder navegar por los estados, donde utilizamos como fondos imágenes generadas a través de la AI a partir de su pront, mediante decisiones que el espectador elija según su resultado. Diseñamos un sistema de diálogo que permita mostrar texto y opciones seleccionables. A través de una secuencia de botones se puede avanzar por la aventura. Verificamos cómo las decisiones del jugador afectan la historia y que los rompecabezas funcionen correctamente.
Video Juego Web [Etapa 2]:
Para desarrollar el videojuego web partimos de un concepto principal sobre de que se tratará nuestro juego, elaboramos bocetos del juego y definimos controles, objetivos y reglas.
Para el diseño del juego nos centramos en aspectos visuales y estructurales del juego, definimos personaje y enemigo, planificamos niveles progresivos y en como el jugador interactuará con el juego a través de botones, teclas y un menú.
Para la programación del videojuego partimos con movimientos del personaje con eventos del teclado; implementamos imágenes de nuestro personaje, enemigo y diseño de estados. Integramos sonido que al disparar de la nave de nuestro personaje se produce un efecto de acción.
Repartimos el código en clases para manejar entidades de personaje, enemigo, bala, juego etc. Dentro de estas clases usamos objetos para atribuir características.
A medida que fuimos completando el código optimizamos para un mejor funcionamiento e Identificamos y corregimos errores utilizando herramientas como la consola del navegador. Nos aseguramos que el juego sea divertido y funcional, asegurándonos que cumpla con todos los requisitos.
Al llevar adelante un videojuego en p5.js nos enseñó los fundamentos del diseño interactivo y la programación gráfica.
