25 de junio de 2010

Modificando el movimiento...

Me estoy fijando en la animación del personaje principal y hay algo que no me acaba de convencer. Se trata del movimiento de la cabeza con respecto al tronco...



Si nos fijamos en la imagen de la izquierda se observa que la cabeza se mueve en conjunto con el tronco. Para apreciarlo mejor basta con tomar como referencia la vertical gafas -> bigote -> cinturón.

En la imagen de la derecha el movimiento de la cabeza está a la inversa que la posición del tronco... creo que aún trabajaré un poco más esta animación.

23 de junio de 2010

Primer vídeo HD con sonido

He adquirido una pista de audio que creo que es perfecta para el tipo de look que tiene el proyecto.



En el vídeo se muestra la evolución de la animación del personaje principal así como la pista de audio y el efecto de sonido (temporal) para pulsación de botones.

Bug de video extraño

Ayer tenía el proyecto preparado, funcionando correctamente cuando decido compilarlo para Iphone y....



Se corrompe mi módulo de vídeo!?!?!?!

Afortunadamente corregí el error y ya todo vuelve a estar como toca. ;-)

14 de junio de 2010

El protagonista se mueve...

Tras muchas pruebas, he aquí una muestra animada del personaje principal (no definitivo).



Ampliación 200% para más detalle.

Por fin, una paleta optimizada

Para que el programa funcione más rápido, he decidido que sólo emplearé 256 colores, contra los 24bit de profundidad de color que tengo disponibles. La ventaja evidente es que al emplear menos colors, los sprites se podrán manipular más rapidamente en memoria y a la hora de ser cargados. El inconveniente está en que todos los gráficos deben emplear la misma paleta de colores, por lo que hay que unificar todos los tonos de color para que sean válidos..



Tras muchas pruebas con diferentes programas, finalmente he encontrado la solucion en un viejo programa (1989) que algunos recordarán: Autodesk Animator Studio. He aquí la muestra de la paleta que finalmente utilizaré; creada con AA y que voy modificando según necesidades con Gale y Edge Touch.

EDGE Touch, el "Graphics Gale" para iPhone

Este fin de semana he estado consultando muchos y variados tutoriales sobre Pixel Art, ya que es el estilo de diseño que quiero emplear en el proyecto. Encontrar el software ideal para crear gráficos en equipos de sobremesa y/o portátiles no entraña ningún problema; hay software gratuíto (y de pago) con la dificultad de aprendizaje de la herramienta que se desee. Desde el archiconocido Paint que ya viene incluído en Windows hasta el no menos popular Photoshop, pasando por Gimp... hay cientos de programas que nos permiten trabajar pixel a pixel... en PC, Macintosh, Linux, etc...



Ahora he encontrado un programa comercial imprescindible para diseñar Pixel Art en cualquier lugar con el iPhone. Se trata de EDGE Touch de Takabo Soft, software de dibujo pixel a pixel que incluye casi todas las herramientas de "Graphics Gale" (curiosamente Gale y Edge son "made in Japan"). Altamente recomendable un vistazo a su web y al manual online para ver la increíble gama de herramientas que incorpora el programa. Ideal para retocar pixels en cualquier rincón...



Enlace al programa en iTunes.
Manual online EDGE Touch iPhone (EN).

Tutoriales Pixel Art (III)

Siguiendo en mi parte de investigación y aprendizaje en el diseño de personajes animados, me encuentro en la red con este tutorial que explica con detalle cómo crear y animar nuestro personaje en las vistas básicas necesarias para el tipo de juego que estoy desarrollando (lateral y frontal)...





Se puede consultar el tutorial en esta dirección: http://www.toolkitzone.com/library.php?doc=96

Animación: Teleporter for DSi

Hace ya meses, Nintendo publicó Flipnote Hatena, un programa gratuito de DSi para crear animaciones sencillas. Aunque se trata de una aplicación bastante simple, se pueden diseñar dibujos animados con bastante comodidad, gracias en gran medida al empleo del lápiz y la pantalla táctil. He aquí una muestra:



Mi canal se puede visitar en Flipnote Hatena.

13 de junio de 2010

Tutoriales Pixel Art (II)

Ha llegado el momento de emplear algunos gráficos animados para seguir con mi desarrollo. Hasta ahora he utilizado gráficos estáticos para testear posiciones de objetos, carga de mapas ó el movimiento del personaje principal entre otros usos.



En la página de Manning Leonard Krull hay algunos tutoriales excelentes sobre Pixel Art, especialmente uno muy interesante sobre cómo realizar una animación de andar. (De obligada lectura si se pretende aprender las técnicas de animación "pixel a pixel"). En el documento se muestran pautas de animacion para 2, 4 e incluso 8 frames de animación para un sólo "paso"; excelente sin duda.

El tutorial se encuentra aquí: Walking Animation for Low-Res Sprites.

8 de junio de 2010

Trabajo y más trabajo...

Casi un mes sin postear.... por culpa de otros trabajos voy un poco retrasado en el proyecto. He impreso dos o tres veces el listado completo; he corregido en no pocas ocasiones el código para optimizarlo en velocidad y extensión.

Durante estas optimizaciones he modificado también muchas de las estructuras iniciales del proyecto así como el aspecto exterior del juego (por fin creo que ya tengo definido un estilo final). En breve captura en vídeo HD de la evolución de LitiPixel.





Unas capturas de la "mesa de trabajo" y "oficina" donde desarrollo el proyecto; esto es, el salón de mi casa. ;-)