3D, Modelado y Animación

Modelado

 

Impresos

 

Propuesta Web restaurante El Vaquero

La propuesta web guarda todas las características del manejo de la identidad corporativa otorgada a la empresa, haciendo uso de los elementos gráficos antes utilizados, los cuales fueron organizados de tal forma que conservando la sencillez de las demás piezas de diseño.

Restaurante El Vaquero

El objetivo del proyecto paralelo el cual consiste en la creación de la identidad corporativa del restaurante "El Vaquero Glotón" cuenta con elemento determinados como el identificador, colores corporativos y algunas aplicaciones de estos.

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)

Etiqueta en twitter para el proyecto TILiiN

Los informes de avances para el proyecto TILiiN las publicaré en twitter bajo la etiqueta
#pr0f_d1g_aoTiliin

Cronograma TILiiN por Logros

Cronograma de actividades del proyecto Tiliin
Fecha	Actividad a realizar
Marzo 1/2011	Propuesta de diseño de interfaz del proyecto.
Marzo 1/2011	Valoración de la propuesta de interfaz y correcciones
Marzo 15/2011	Diseño de interfaz y creación de gráficos para del juego
Marzo 22/2011	Realización de tutoriales Processing
Marzo 29/2011	Realización de tracking de color, Prueba de tracking de color en laboratorio. Informe de estado de proyecto
Abril 5/2011	Realización de tracking de forma, Prueba de tracking de forma en laboratorio.
Abril 12/2011	Realización de acciones por tracking (mover objetos)
Abril 19/2011	Realización de pruebas de interface aplicada con los movimientos por tracking. Informe de estado de proyecto
Abril 26/2011	Realización de acciones por interacción de formas (una forma que interactúa con otra genera una acción)
Mayo 3/2011	Pruebas de funcionamiento de la interacción en la interfaz (que los gráficos funcionen como botones “menú principal”) Informe de estado de proyecto
Mayo 3/2011	Realización de juego
Mayo 17/2011	Informe final para jurados, Realización de archivos para presentación del proyecto
Mayo 24/2011	Presentación final

Primer propuesta Identificador Proyecto Paralelo

Tras ser determinado en primer instancia un nombre tentativo formal para la empresa "Comidas rápidas el Vaquero", se realiza la primer propuesta de identificador, el cual tiene como premisas las características del servicio a prestar , el cual consiste en el ofrecimiento de comidas rápidas asadas, con el aporte de un chef profesional que le otorgue un sabor de calidad a los productos.

Proyecto Paralelo 2011

El proyecto consiste en la creación de un manual de identidad corporativa para una empresa nueva en el sector de las comidas rápidas en la ciudad de Manizales, dicho proyecto requiere desde la determinación del nombre hasta la creación del manual de identidad. En manual incluirá entre otras cosas la creación del identificador y las características de uso de este, la papelería corporativa,  características de infraestructura física (local), apariencia de los funcionarios de la empresa (uniformes). El proyecto está a cargo del Ingeniero Industrial Edison Patiño.

Algunos avances en la realización del proyecto

1.

Búsqueda de los elementos requeridos para la realización de pruebas para el funcionamiento del proyecto, entre estos está conseguir el espacio, el cual fue acordado con el profesor Jaime Cesar quien permitió el uso del medialab para tal fin. Conseguir el video beam para la proyección de la interfaz, elemento que será facilitado por parte de la profesora Adriana Gómez, ambos docentes solicitaron una petición por escrito de los elementos, y con los dos se acordó el préstamo los días viernes en las horas de la mañana. 

2.

Reunión de los estudiantes para la toma de decisiones para cambios a realizar en algunos aspectos del proyecto, entre ellos:

Link Tutorial Processing

En búsqueda de conocimiento para el manejo de processing encontré una pagina que explica desde sus conceptos básicos el uso de este programa, y hace un comparación para quienes utilizan Flash o Director.

http://fronteraincierta.blogspot.com/2008/02/tutoriales-de-processing-en-espaol.html

Portafolio Personal 3

Interfaz Galaxian

Actualizaciones del proyecto

Algunos cambios realizados al proyecto incluyen la realización de una interfaz particular o acorde a cada uno de los juegos propuestos.

La realización y presentación de los juegos de manera individual (no, tres  en una sola interfaz como se había propuesto inicialmente)

Debido al tipo de personas al que va dirigido el proyecto (23 a 45 años), observando los elementos en común y determinando que estas personas crecieron alrededor de temas como los viajes espaciales (stargate, viajes a las estrellas, starwars entre otras películas) se pretende implementar estas características a la interfaz para aumentar el nivel de relación emocional usuario-interfaz.

La individualización de los juegos permite la implementación múltiple del proyecto y facilita al usuario la utilización de la interfaz, al mismo tiempo que se puede variar periódicamente el juego evitado que el usuario se aburra, (provocando un alejamiento o abandono al uso de la interfaz) la actualización e innovación mantiene el interés de las personas en los productos.