Y si Mario y Luigi no fueran italianos sino franceses este hubiera sido el resultado…

por TauntrTV

Visto en TR

¿Que pasaría si Nueva York fuera invadido por pixeles? No lo se, pero además del caos sólo se que sería visualmente increíble, y eso es lo que logró Patrick Jean al dirigir este video creado por One More Production.

Tiene ya varios meses que se publicó, pero me pareció importante compartirlo de nuevo para quienes no lo hayan visto en su momento.

El video habla por si sólo, echenle un ojo, así como a la página de One More Production.

TED es una serie de conferencias alrededor del mundo, enfocadas a comunicar grandes ideas y consejos para mejorar nuestra comunidad global. A mi me encantan por que los temas son muy interesantes, hablan mucho de diseño y es muy fácil ver las conferencias ya sea a través de la web o de su aplicación de iPad.

Junto con la agencia Infectious han publicado este genial video en perspectiva isométrica, donde en resumen, podemos conocer el fundamento de TED.

Visita la página de TED o echa un ojo a las conferencias en su canal de YouTube.

Ya platicamos en un post anterior sobre la base del pixel art, el pixel, ahora el siguiente paso es saber que tipos de pixel art existen y en dar ejemplos para comprenderlo mejor. Básicamente las ilustraciones se dividen en isométricas y no-isométricas o 2D.

Pixel Art Isométrico

El pixel art isométrico se basa en una proyección que representa un ángulo casi isométrico, que es una manera de representar en 3 dimensiones objetos bidimensionales. Para más información sobre lo que es la proyección isométrica les recomiendo ésta entrada en wikipedia, por ahora nos enfocaremos a ejemplos visuales, pero muy pronto publicaré un tutorial para hacer una pequeña pieza de pixel arte en estilo isométrico. El ángulo que utiliza la perspectiva isométrica es de 30 grados, sin embargo, técnicamente es imposible con pixeles, por lo que se trabaja con un ángulo de 26.6 pixeles, el cual resulta al colocar 2 pixeles de forma horizontal y bajar o subir uno de forma vertical.

Ejemplos:

Mapas, arquitectura, ciudades y paisajes: “Industrial Lot” – Sterrich

También se pueden realizar personajes y elementos para acompañar esos mapas o edificios: “8bit Charro” – Pixteca

Igualmente aplica para interiores: “Hi-Fi Setup” – Ontwerp van Honing

Pixel Art 2D

La otra cara del pixel art, la no-isométrica, que a pesar de ser llamada 2D, puede representar también volumen y profundidad. es generalmente la más vista en sprites de los videojuego. Puede uno basarse en bocetos o en fotos para crear este tipo de imágenes.

Ejemplos:

“Ford KAs” – Pixteca

“All your base are belong to us” del videojuego Zero Wing, de Toaplan

Como les decía, a pesar de ser también llamada 2D, esta técnica permite generar la idea de volúmen y profundidad, como en “Chinese Dragon” – Autor desconocido*

Se puede usar también en juegos de perspectiva desde arriba: “Pixel Art SHMUP tribute” – Darokin

Si te quedan dudas sobre éste tutorial y los tipos de pixel art no dudes en contactarme, checa los diferentes links a la derecha.

Pronto estaré posteando tutoriales de cada estilo. La imagen principal del post es de Pixel Politics. *Desgraciadamente en la busqueda de imágenes suelo encontrar imágenes increíbles de las cuales desconosco el autor. Aunque trato de buscar para dar el debido crédito, a veces es imposible, como en este caso.

Quienes amamos los pixeles y las ilustraciones en pixel, usualmente valoramos mucho la sencillez de los viejos videojuegos, donde no se requerían grandes efectos ni gráficas para hacer un buen juego. Actualmente con la popularidad de los dispositivos móviles han surgido muchos juegos y aplicaciones que regresan a la sencillez de antes, aprovechando lo que se puede hacer con el pixel art. Esto es lo que estaré posteando con respecto a juegos (y apps), que aprovechen y utilicen el pixel art.

La primer aplicación sobre la que quiero comentar es un sencillo pero divertido juego de baseball para iPhone y iPad creado en Japón por Poppy, donde controlarmos al bateador con un simple tap para batear. El pitcher constantemente lanzará la bola y ganamos puntos al batear. Golpear a otros personajes como las aves no dará puntos extras.

Lo que primero me llamó la atención de este juego fué que me recordó a un viejo juego de la Commodore-64, llamado “Home Run Derby”, el cual se veía así:

X-Baseball presenta gráficos en pixel art, en una perspectiva idéntica a Derby. A diferencia del juego de Poppy, en Derby se podía jugar por dos jugadores donde uno picheaba bolas rapidas, y lentas, altas o bajas y el otro jugador bateaba. En X-Baseball cada bateadaa representará puntos y se debe evitar acumular los 3 strikes. Un personaje sorpresa otorgará la oportunidad de borrar strikes para seguir bateando, lo cual hará que aparezcan más personajes a lanzar.

X-Baseball está habilitado para Game Center donde puedes competir con cientos de jugadores más para lograr el mejor score. En este video podemos ver un poco del esquema de juego.

Recomiendo probarlo para ver las gráficas, y también por que a pesar de ser bastante sencillo es divertido. X-LARGE “X-Baseball” puede ser descargado de manera gratuita de la App Store:

Un pixel es el elemento básico del pixel art y es la unidad más pequeña controlable de un monitor, medio por el cual las computadoras han generado imágenes. Estas imágenes se generan a través de estos cuadrados o (rectangulos) que están juntos unos de los otros, y esto pasa tanto en los monitores convencionales, como en los LCD y televisiones. Inclusive, en las proyecciones podemos observar los pixeles, claro, no tan definidos como en pantalla.

(foto de ebmorse)

En un monitor blanco y negro, cada pixel es un “foquito” y prende o apaga para generar las imagenes, en un monitor de color cada pixel comprende de 3 pequeños focos que al prenderse o apagarse forman los colores gracias al método de color aditivo, RGB, donde al sumar el rojo (R), verde (G) y azul (B), por ejemplo, cuando se encienden los 3 componentes nosotros vemos el color blanco. En este esquema vemos como se mezclan los colores para crear toda la gama.

En esta foto de TinyRusho podemos apreciar un acercamiento extremo al conjunto de pixeles de un monitor LCD de una laptop y los 3 componentes (foquitos) de cada pixel.

En las pantallas gigantes, como los “Jumbotrones”, también observamos los enormes pixeles generados por los 3 focos RGB.

(foto de ChicagoSage)

Y en el otro extremo, los nuevos aparatos tratan de reducir lo más posible el tamaño de los pixeles y la distancia entre estos para aumentar la resolución y la cantidad de las imágenes.

(Foto de hawron88, ver +grande)

La foto principal es de Dels.

Para todos los que trabajamos con la perspectiva isométrica -ilustradores, arquitectos y pixel artists entre otros- el uso de la red es básica, ya sea en pantalla o impresa. Bon Graf ha sacado a la venta este bloc de hojas con la red impresa para facilitar su uso, ya que viene con las delgadas líneas impresas en un tinta gris para facilitar el escaneo de la ilustración. Para ver más del bloc y algunos ejemplos de este tipo de ilustración sigue leyendo:

El bloc tiene 50 hojas de 10 gramos, u puede obtenerse en la tienda en línea de Bon Graf, con un precio de US$15.00

A continuación, un par de ejemplos de trabajos con perspectiva isométrica:

“Isometric view” por chrisbarie:

“Iris XV / learning to fly” por Themis Chapsis

FloatyHill Forest por Stick-A-Thing_SAT

“Barclays Reat Retail Project” por Rod Hunt: (ojo, es vectorial, no pixel art)

“section cut model” por CT Patterson:

Y mis ídolos del pixel art, EBOY: “EGM Halo” :

Todas las ilustraciones son © de sus propios autores

Y para cualquier duda o comentario, en el correo raztek [arroba] yahoo.com o a través de twitter en @pixteca.

¡Gracias y bienvenidos!