Importar Video Processing

Así fue como logre importar el video para el menú a procesisng.



import processing.video.*;
Movie myMovie;


void setup() {
  size(1024, 680, P2D);
  background(0);
  
  myMovie = new Movie(this, "intro.mov");
  myMovie.loop();
  
 }

void draw() {
   image(myMovie, 0, 0);
}

Interacción e Interfaz completa

La interfaz plantea la misma linea gráfica del juego con transparencias y ventanas para mostrar la información, en los colores corporativos del cliente, por lo que la gama puede variar de acuerdo al cliente. En este caso se hace la simulación de cliente con CINEMARK. 

La interacción en el juego es simple, el circulo con la nave dibujada en lineas perseguirá al jugador de tal forma que cando el jugador se pare sobre los botones esta figura hará colisión con el botón y se ejecutará la acción que indique el botón. (del mismo modo que colisionan los objetos en el juego) la propuesta es que para disparar los jugadores tengan que simular un trote, para que de esa forma se siga trabajando en el objetivo del juego de estimular la actividad física. 

InInicio:  

Esta imagen posee el identificador del cliente en la esquina superior izquierda junto al puntaje mas lato obtenido en el juego en el centro de imagen vemos una ventana que simula el planteamiento de una misión e invita a jugar. En la esquina inferior derecha muestra un reloj (para que el usuario sepa hasta cuando puede jugar) y en la esquina inferior derecha encontramos el botón para los créditos.  

Vídeo de la Modificación del Juego Invader-Space en Código Processing

Anteriormente publique algo de como nos enviaron un código en processing de el videojuego Invader-Space, y le habiamos hecho una serie de cambios hacia lo que queriamos para Tiliin, interpretando y entendiendo el código.
Aquí les voy a dejar un vídeo donde lo van a entender mejor y lógicamente ver como va hasta el momento.

Tiliin (Galaxian con Flash)

Luego de involucrarnos mas a fondo con el proyecto Tiliin, empezamos a aprender como funciona un vídeo juego y cuales son las características basicas para tener en cuenta a la hora de desarrollar uno, de esta manera y buscando nuevas soluciones o posibilidades para Tiliin, intentamos hacer un juego en flash que funcione y contenga los gráficos que propusimos. aquí un breve vídeo que lo muestra.

Modificación código en Processing

Partiendo del codigo entregado por el profesor Mario Valencia, se realizó una observación de la estructura del código y se efectuaron los cambios pertinentes en dirección al proyecto.

Cambio de gráficos, gama cromática, ubicación de los elementos en el espacio, forma de mover al personaje principal (nave) dejando como opciones las teclas a y d,  y left y right.

Presentación Portafolio

En búsqueda de transmitir al publico una imagen de la calidad de mi trabajo como profesional, planteo una limpieza gráfica en el manejo del portafolio, desde la utilización de la forma (cuadrado) pasando por la tipografía (tipografías planas "sanserif") hasta la utilización de una gama cromática simple ( Negro, Gris, Verde) en una estructura básica para la composición del contenido en la página, haciendo uso de la repetición como mecanismo de diseño. Para dar dinamismo, se plantea el uso de un menú animado (simulación de carrusel).


En cuanto la estructura de la información, el portafolio se encuentra dividido en secciones en su orden de importancia siendo estos: Modelado, Animación, Fotografía, Otros, que permite mostrar la diversidad de áreas del diseño en la que puedo aportar como diseñador. Complementado con la información personal de estudios, competencias y forma de contactar, para de esta forma lograr el objetivo del portafolio el cual es acercarme a los clientes potenciales.

Por ultimo para este portafolio incursioné en la utilización de un nuevo identificador corporativo con mas dinamismo y proyección, la linea del nombre demuestra la fluidez de las ideas que se soportan en el conocimiento como diseñador, por lo que esta linea se encuentra sobre la palabra diseño visual.

Gráficos Para el juego

Hoy se realizan los retoques finales de los gráficos para la interfaz del juego, y la exportación en formato .swf para su inclusión en el archivo.

Se implementan los gráficos en el vídeo juego, modificando la interfaz.

Juego en Flash (código)

Debido a la falencia de conocimiento en programación por parte nuestra para realizar en video juego, fue necesario la búsqueda de un código (juego) en flash que permitiera la modificación, para que de esta forma se pudiera adaptar a los parámetros del proyecto TILiiN. Ahora se procede a la revisión del código.

WinVDIG para reconocimiento de cámara

En el post anterior se mencionó el problema de reconocimiento de la cámara por parte de processing en Windows. Buscando en la red se encontró una solución para esto, y es la instalación de el WinVDIG es un sistema de reconocimiento de cámara. Lo instalamos y funcionó perfectamente el trackin , tanto el de color como el de movimiento.

Fallas en reconocimiento de camara

El día de hoy se intentó utilizar los archivos facilitados por el docente Mario Valencia, en código básico de processing (sin uso de librerías), en trackin de movimiento y color, pero estos presentaron fallas a la hora de reconocer la cámara. La razón para dicha situación es que se presentan conflictos con el sistema operativo Windows (el código funciona perfectamente en Mac) entre el Quick Time y Java.

Gráficos: Juego Galaxian (Proyecto TILiiN)