ZonaDeVicio - Tu comunidad de videojuegos online - blogs - neostalker

[Animaciones] Sonic persigue a Robotnik :-D

neostalker — Sat, 11 Oct 2008 15:40:33 GMT

Ais, qu� recuerdos :llorosa:

[Animaciones] Robotnik Remake Edition 96px

neostalker — Thu, 09 Oct 2008 23:35:02 GMT

Buenas! Hac�a ya bastante tiempo que no me pon�a a hacer sprites basados en Sonic 3 a mayor resoluci�n y como estaba ya quemado de tanto bicho azul me he puesto a pixelar a Robotnik. Espero que os guste :)

Remake:

Remake corregido:

Remake personalizado:

Original:

Saludetes! :brindis:

[Lecciones] Creando un mapa usando tiles

neostalker — Fri, 12 Sep 2008 19:57:49 GMT

Hola! Cu�nto tiempo desde mi �ltima lecci�n de pixel art! :brindis:

Esta vez os traigo un peque�o ejemplo que os ense�ar� a hacer un mapa compuesto por tiles, probablemente una de las mejores maneras para hacer un escenario grande sin tener que cargar una imagen gigantesca con todo el escenario.

Y qu� es un tile? Pues la respuesta la teneis en Wikipedia :D

Son realmente �tiles a la hora de programar para GP32, GP2X, etc porque un juego que cargue los escenarios por tiles solo necesita mostrar unos cuantos en pantalla, no todo el escenario. De esta manera se ahorra much�sima memoria y se optimiza el rendimiento.

Os preguntareis qu� juegos son los que aprovechan mejor montar los mapas a base de tiles, la respuesta es sencilla: Cualquiera que muestre un escenario a base de im�genes cambiantes y que sea de gran tama�o. Los mejores ejemplos son los juegos de plataformas (Sonic & Knuckes, Super Mario Bros 3, Ristar...) y los RPGs (Final Fantasy VI, Chrono Trigger, Tales of Phantasia...). Un juego tipo Street Fighter 2, que solo muestra unos indicadores de salud, puntos y tiempo, dos personajes y un fondo no suelen utilizar este sistema porque el fondo se ve casi entero en pantalla constantemente, por lo que es m�s f�cil cargarlo en memoria al completo en vez de por secciones.

Bueno, pasemos al tema. Agarrad vuestros ratones que empezamos!

PASO 1

Empezaremos por lo b�sico, como en las lecciones anteriores. Unas pocas l�neas y unos pocos colores planos para esbozar lo que queremos. En el ejemplo que os voy a poner, crearemos un escenario del tipo plataformero, por lo que trabajaremos con un suelo, un horizonte y un cielo, que estar�n en diferentes planos.

Cada tile tendr� unas dimensiones de 32x32 p�xeles.

PASO 2

Ahora que ya tenemos algo con lo que trabajar, tenemos que empezar a colorear como m�s nos guste, pero tendremos que estar atentos a una cosa: Algunos tiles han de concordar por sus l�mites inferior, superior y/o laterales de manera que se puedan juntar varios formando estructuras coherentes. Para superficies que necesiten degradados, como puede ser el cielo, recordad que podemos utilizar la t�cnica del dithering :)

PASO 3

Finalmente solo nos queda terminar con los detalles, perfeccionar los efectos de iluminaci�n y corregir las posibles incongruencias con los bordes. La mejor manera de hacerlo es poner en el lienzo el tile con el que estamos trabajando y pegar duplicados suyos en cada lado, de manera que podamos ir trabajando con los bordes y hacer que concuerden unos con otros. El resultado final ser�a este:

Ya tenemos nuestro peque�o sistema de tiles, ahora solo hay que colocarlos en la posici�n adecuada para crear un trozo de mapa.

Si os fijais, acabamos de formar una imagen de 320x256 p�xeles con apenas 8 tiles. De esta manera un juego debidamente programado solo necesitar�a meter en memoria esos 8 recuadros y mostrarlos varias veces en determinadas posiciones, en vez de memorizar una imagen muy grande y representarla solo una vez. Adem�s, usar este m�todo siempre tiene otras ventajas, como la de establecer un sistema de durezas y colisiones, pero eso ya es harina de otro costal ;)

Y de regalo aqu� os dejo una animaci�n de como quedar�a el escenario en movimiento, dando velocidades diferentes a los tiles en funci�n de su perspectiva en el plano.

Orden de planos:

Saludos y que lo disfruteis! :brindis:

Cabeceras de las categor�as de La Vieja Escuela

neostalker — Fri, 12 Sep 2008 04:51:28 GMT

Esta entrada simplemente me sirve para almacenar los links a ImagesHack de las cabeceras que voy a empezar a utilizar en los art�culos. Podeis darme vuestra opini�n si quereis :D

PD: Es posible que var�en si veo que no quedan bien, ya que las he hecho "a ojo", sin ver si pegan con el estilo del blog.

Saludos! :brindis:

[Animaciones] Sonic 3 Remake Edition 64px

neostalker — Sat, 23 Aug 2008 17:16:20 GMT

Hay que ver la productividad que se le saca a 36 horas sin foro. A partir del sprite de S�nico el Puercoesp�n que hice el otro d�a he ido sacando otros sprites del juego (tratando de hacerlo lo m�s parecido posible al original, pero con la evidente diferencia de resoluci�n). Os los dejo aqu� en forma de animaciones, para que veais c�mo quedar�a si se usasen en un juego :D

Animaci�n conjunta:

En carrera:

Spin Dash!

Spin Attack!

A toda leche!

Espero que os gusten, si veis alg�n fallo rese�able no dudeis en decirlo :brindis:

<-- ACTUALIZACI�N -->

Zone passed!

Que me esco�ooo!

Que me esnafrooo!

Espartaaaaa!

<-- ACTUALIZACI�N -->

Me aburroooo...

[Pack de gr�ficos] Ambassadors

neostalker — Sat, 23 Aug 2008 16:42:44 GMT

No son demasiado numerosos, pero hay unas cuantas naves dibujadas que podr�an servir para un shooter espacial. Que los disfruteis :)

Muestras:

Pack de gr�ficos:

Archivos adjuntados

Recopilaci�n de Packs

neostalker — Thu, 21 Aug 2008 12:51:43 GMT

Lista de packs de gr�ficos publicados en La Vieja Escuela:

Pack - Personajes RPG
Pack - Path of the Ninja
Pack - Chocobo Crazy Championship
Pack - Ambassadors <<-- Novedad!

[Pack de gr�ficos] Chocobo Crazy Championship

neostalker — Thu, 21 Aug 2008 12:40:10 GMT

Aqu� os dejo los gr�ficos de este proyecto. Recordad que estos gr�ficos est�n basados en personajes propiedad de Square-Enix, por lo que no los podreis utilizar en ning�n proyecto comercial.

Muestras:

Pack de gr�ficos:

Archivos adjuntados

[Pack de gr�ficos] Path of the Ninja

neostalker — Thu, 21 Aug 2008 12:21:43 GMT

Despu�s de pedirle su aprobaci�n a ^MiSaTo^ y a Puck2099 aqu� os dejo la totalidad de los gr�ficos que realic� para este proyecto. Espero que alguno de vosotros les d� un mejor uso del que le dimos nosotros. Aqu� teneis el paquete y unas muestras :)

En breve colgar� gr�ficos de otros proyectos ^^

Muestras:

Pack de gr�ficos:

Archivos adjuntados

Pack de personajes RPG (preparados para usar en RPGMaker 2003)

neostalker — Wed, 20 Aug 2008 18:02:05 GMT

Hace unos d�as estuve haciendo unos cuantos charas para un proyectillo en RPGMaker, pero como he parado un poco el asunto los pongo a vuestra disposici�n por si alguno de vosotros les encuentra un uso mejor :)

Tambi�n adjunto el pack en un .zip, para que los bajeis todos de golpe ^^

Archivos adjuntados

[Sprite] Sonic 3 Sprite Remake Edition 64px (nombres rebuscados fan club! xD)

neostalker — Wed, 20 Aug 2008 17:39:36 GMT

Despu�s de muchos meses sin actualizar mi blog, aqu� os dejo este sprite que he hecho esta tarde. B�sicamente es una versi�n personalizada del sprite de Sonic totalmente parado en Sonic 3, pero usando m�s o menos el doble de resoluci�n que el original. A ver qu� os parece :)

Como siempre admito cr�ticas constructivas :brindis:

Quereis ver pixel art del bueno? Aqu� os dejo un link :-D

neostalker — Wed, 02 Apr 2008 22:42:39 GMT

Haciendo un poco de "googling" he encontrado una web de pixel artist bastante buena (aunque por lo que dicen se cerrar� este mismo viernes), donde he encontrado algunas obras realmente incre�bles...

Creeis que las m�as son buenas? Entrad y vereis lo lejos que puede llegar el talento de un pixel artist con m�s paciencia que el santo Job.

Yo me he quedado de piedra al ver algunas obras y se me ha venido el ego al suelo, no obstante me han entrado ganas de hacer algo nuevo para el blog, que hac�a mucho que no posteaba :D

Aqu� os dejo el link.

Para comprobar r�pidamente lo que os digo, clickad en el "Hall of Fame" (a la izquierda de la pantalla). Os vais a cagar con el ganador del 1er premio :eek:

Saludos! :brindis:

[Tutorial] Aprendiendo a manejar CHARA MAKER PRO...

neostalker — Fri, 25 Jan 2008 22:06:34 GMT

Como os premet� cuando este blog estaba empezando aqu� os traigo el tutorial que os ense�ar� lo b�sico para empezar a trabajar con este sencillo programa.

(Para desplazarse r�pidamente podeis usar el c�digo a la izquierda de cada elemento del �ndice con la b�squeda de vuestro navegador)

�NDICE:
[PASO1] Introducci�n al programa
[PASO2] Descripci�n de objetos y herramientas del programa
- [P1] Herramientas de dibujo
- [P2] Paleta de colores
- [P3] Regulador de colores RGB
- [P4] Guardar/Cargar/Editar paleta de colores
- [P5] Generador de degradados
- [P6] �rea de trabajo
- [P7] Rotar �rea de trabajo
- [P8] A�adir texto
- [P9] Cambiar tama�o del tile
- [P10] Cambiar tama�o del lienzo
[PASO3] Haciendo un dibujo

[PASO 1] Introducci�n al programa

Nada m�s abrir el programa nos encontraremos con una ventana similar a esta:

Como podeis ver la interfaz no es especialmente complicada, las herramientas est�n a la izquierda y al otro lado tenemos un hueco donde aparecer�n las im�genes sobre las que estemos trabajando.

Ahora vamos a crear una imagen. Clicamos en Archivo/Nuevo...

En este peque�o formulario podremos definir el ancho y el alto del lienzo que utilizaremos, as� como la paleta. Nosotros a la hora de pixelar usaremos una de 256 colores (o m�s, pero para eso ya necesitar�amos otro programa, no obstante la mayor�a de los ejemplos que os he puesto no superan los 50 colores). Si ya tuvi�semos una imagen abierta, podemos marcar la opci�n de "Copiar la paleta", para que en la nueva imagen usemos la misma sin necesidad de cargarla posteriormente. En caso contrario se usar� una predeterminada. Una vez creado el nuevo lienzo se desbloquear�n las herramientas y podremos empezar a dibujar.

Procedo ahora a describiros la funci�n de las herramientas m�s importantes.

[PASO2] Descripci�n de objetos y herramientas del programa

En esta imagen os indico la ubicaci�n de los elementos que voy a describir:

- [P1] Herramientas de dibujo

Aqu� nos encontramos con las herramientas m�s comunes en casi todos los programas (inclu�do el MS Paint xD). Desdes el l�piz (de un solo p�xel y de varios), el cubo de pintura, el seleccionador, el trazador de l�neas, ovalos, rect�ngulos, etc. Muy f�ciles de aprender a manejar.

- [P2] Paleta de colores

Esta es la lista de los (hasta) 256 colores que podemos utilizar para colorear. Se seleccionan con el bot�n derecho delrat�n para definir el color de fondo y el bot�n izquierdo para definir el de trazados (el que suaremos para pintar, le�e xD). El primer color de todos se considera el de fondo en el RPG Maker PRO y 2003.

- [P3] Regulador de colores RGB

Cuando seleccionamos un color, autom�ticamente aparecen sus valores RGB (rojo, verde, azul). Podemos editarlos y crear un color nuevo, de manera que si nos hace falta podemos introducir un color que nos venga mejor que otro que no vamos a utilizar.

- [P4] Guardar/Cargar/Editar paleta de colores

Con estos botones podemos conservar una paleta que necesitemos usar m�s adelante guard�ndola en un archivo, cargarla y editarla, en funci�n de cu�ndo y c�mo la necesitemos.

- [P5] Generador de degradados

Esta es una herramienta muy �til. Al presionar el bot�n crea un degradado de colores entre el color primario y el secundario, sustituyendo en la lista los colores que est�n entre ambos. Es perfecta para crear una progresi�n de colores de claro a oscuro, por ejemplo.

- [P6] �rea de trabajo

En este recuadro es donde vamos a pixelar nuestro dibujo. Mejor dicho, parte de nuestro dibujo (casi siempre). El �rea de trabajo es una selecci�n de una parte o la totalidad de nuestro dibujo, que estar� en una ventana adicional, en la zona derecha de la pantalla. Para seleccionar un trozo de dibujo con el que trabajar debemos hacer click con el bot�n derecho del rat�n en una zona de la imagen (delimitada por un recuadro rojo y amarillo). Tened cuidado al clicar, porque si lo haceis con el bot�n izquierdo sobreescribireis la zona seleccionada con lo que tengais en la zona de trabajo. El tama�o del recuadro de selecci�n es de 32x32 por defecto, pero se pueda cambiar.

- [P7] Rotar �rea de trabajo

Estas opciones permiten rotar el dibujo existente en el �rea de trabajo. Las dos primeras lo hacen en 90� hacia la izquerda o la derecha. La tercera opci�n lo hace en funci�n de los grados que se le especifiquen en la ventanita que mostrar� al clicar sobre �l.

- [P8] A�adir texto

Esta opci�n permite a�adir texto con cualquiera de las fuentes que est�n instaladas en la carpeta "C:\Windows\Fonts". Hay que tener en cuenta que el texto que aparece lo hace en el color principal sobre un fondo del color secundario, borrando lo que haya dibujado en �rea de trabajo, por lo que es recomendable usarlas cuando a�n no se ha dibujado nada.

- [P9] Cambiar tama�o del tile

Deber�a mostrar una ventana como esta:

Aqu� podremos especificar el tama�o por defecto del recuadro rojo y amarillo que usamos para seleccionar la parte de la imagen que vamos a crear o editar. Es conveniente marcar la opci�n que he se�alado con la flecha, ya que permitir� que seleccionemos cada 16 p�xeles, en vez de cada 32.

- [P10] Cambiar tama�o del lienzo

Esta opci�n te permitir� cambiar el tama�o de la imagen originaria. Puedes elegir entre expandir el dibujo existente o simplemente a�adir huecos del color de fondo a expansi�n creada. Si el tama�o que especificas es menor al original, el dibujo se reducir� o se truncar�.

[PASO3] Haciendo un dibujo

Es hora de dibujar un poco. Pintarrajea algo en el �rea de trabajo y p�salo a la imagen haciendo click con el bot�n izquierdo. As� de f�cil.

-->

Y no hay m�s! :D

A partir de ah� es ponerse manos a la obra y utilizar el programa para pixelar. Podr�ais probar con alguna de las lecciones que teneis en La Vieja Escuela ^^

Saludos! :brindis:

PD: Chara Maker Pro podeis encontrarlo en el post de presentaci�n del blog.

[Sprite] POR EL PODER DEL CABELLO NASAAAAL!

neostalker — Wed, 23 Jan 2008 16:39:37 GMT

A petici�n de un compa�ero m�o de clase he hecho este sprite de Bobobo, Tokoro y Don Patch, as� que os lo dejo aqu� para que podais verlo y opinar :)

Original

Modificado

Prukogi! :quepalmo:

[Sprite] Clare del manga/anime 'Claymore'...

neostalker — Tue, 22 Jan 2008 22:26:09 GMT

Aqu� os lo dejo, pixelado esta tarde en unas 4 o 5 horas y haciendo uso del "dithering" :)

PD: Por fin otra entrada en el blog. Llevo unos d�as tan ocupado que lo ten�a un poquito abandonado ^^