Crear sprites

Todo sobre la creación, diseño y programación de nuevo software para
nuestro Spectrum

Moderador: Sir Cilve Sinclair

Toni
Herbert
Mensajes: 63
Registrado: Mar Abr 01, 2014 1:31 pm

Crear sprites

Mensaje por Toni » Vie Sep 11, 2015 9:26 pm

Buenas!

Hay algún tutorial de como hacer sprites con el ZXPaintbrush o Sevenup,paso a paso,y de como hacer los frames,y las máscaras,para después usarlos para la Churrera o el MK2?

Me gustaría hacer mis propios personajes,en lugar de usar los que vienen en el tutorial de La Churrera.

Gracias!

Avatar de Usuario
Alxinho
Freddy Hardest
Mensajes: 896
Registrado: Mar Jun 19, 2007 11:20 am
Ubicación: Barcelona
Contactar:

Re: Crear sprites

Mensaje por Alxinho » Vie Sep 11, 2015 10:17 pm

Pues lo que es dibujar es como cualquier otro programa de dibujo sólo que usa las normas del spectrum, los atributos y todo eso. Tendrías que hacer como los sprites de los mojones pero hecho por tí. Creo que no te he entendido bien :?
Retrobytes Productions --> http://retrobytesproductions.blogspot.com.es

Soy un tío feliz, más que nada ... porque me sale más a cuenta.

Toni
Herbert
Mensajes: 63
Registrado: Mar Abr 01, 2014 1:31 pm

Re: Crear sprites

Mensaje por Toni » Mar Oct 13, 2015 1:20 pm

Perdón por contestar tarde.

Realmente querría saber como pasar los sprites, objetos y tiles creados con el Tommy Gun a la Churrera.
Hay algún tutorial de ejemplo?

Gracias

hikoki
Freddy Hardest
Mensajes: 657
Registrado: Sab Nov 23, 2013 8:27 am

Re: Crear sprites

Mensaje por hikoki » Mié Oct 14, 2015 1:55 pm

¿ Has leído el Capítulo 4 del curso de Churrera en elmundodelspectrum.com ?
Supongo que te refieres a cómo sacar el tileset. Lo primero sería hacer la animación, Bruneras usa el editor de Gamemaker y luego pega y organiza los frames en el Paintbrush. Locomalito hace los sprites con Aha-soft Iconxp. El autor de Bouncing Bomb Redux utiliza Aseprite. Otro programa interesante es Piskel:
http://www.pixelsmil.com/2014/09/piskel ... itiva.html
Yo los haría con un programa llamado RealworldPaint que tiene un editor para crear animaciones y te saca el spritesheet al final con la opción: Animation->Create filmstrip. También puede importar spritesheets como los de la página de Bruneras y separa los frames para que puedas editar la animación. Creo que tambien podía importar un sprite animado y te sacaba el spritesheet. Cuando ya tengas la animación pues duplicas frames, creas la mascara con alguna opción del editor gráfico y listo. Aquí tienes un video explicando un ejemplo de animación:
http://www.rw-designer.com/animated-smiley-tutorial
Al final puedes pasar el png por zxpaint o una utilidad de Antonio Villena que puedes encontrar en su motor de sprites Fase, para asegurarte de que cumplen con las restricciones del Spectrum. Por cierto me suena que en fase y mk2 no tienes que andar con máscaras.
Última edición por hikoki el Jue Oct 15, 2015 5:23 pm, editado 2 veces en total.

hikoki
Freddy Hardest
Mensajes: 657
Registrado: Sab Nov 23, 2013 8:27 am

Re: Crear sprites

Mensaje por hikoki » Mié Oct 14, 2015 10:08 pm

Vamos a hacer una prueba con RealWorld Paint.

Este es el spriteset.png de Jetpaco:
Imagen

Lo he abierto como animación en RWP. Pongo 2 filas, 16 columnas para que me separe los frames.
Me voy a centrar en la animación del personaje andando hacia la derecha. Así que borro los frames que no me interesen, es decir me quedo con los gráficos número 1,2,3 sin contar las máscaras. Pongo cada frame en 200 milisegundos. Guardo como animated png :
Imagen
Para obtener un spritesheet estático con todos los cuadros en una fila, voy al menú Animation->create filmstrip->maxim columns: 4
Imagen

Fijaros que he copiado el frame 2 al final de la tira para que el programa muestre el ciclo de animación correctamente.
Si pulsas los cursores vas pasando de un frame a otro para ver el efecto de la animación. Puedes copiar frames, editarlos uno a uno, reordenarlos y cambiar los milisegundos. Cuando ya tengas la animación a tu gusto pasamos a hacer las máscaras.

Para hacer las máscaras recurrimos a otro editor gráfico: PhotoFiltre7 la versión freeware de photofiltre con capas.
Abrimos la tira horizontal y pulsamos el menú Image->Transparency mask->tolerance:0 none
Con un solo click hemos obtenido la máscara. Guardamos y volvemos a abrir para que nos deje terminarla con las herramientas cubo y lapiz.
A continuación importamos la máscara en RWP como animación y le añadimos los frames de la animación original. Reorganizamos los frames y finalmente exportamos como filmstrip:
Imagen
Como se puede ver, mis máscaras son diferentes a las de arriba del juego original. Así que se me escapa algún detalle que no está explicado en el grado de Churrera :)

Otro programa útil para poder practicar con animaciones ya hechas es AlferdSpritesheetUnpacker

Edito:

La máscara se puede hacer desde RWP. Seleccionas el fondo con la varita mágica, pulsas el botón 'Invert Selection' y rellenas de negro con el cubo.
Última edición por hikoki el Sab Ene 26, 2019 3:44 am, editado 9 veces en total.

hikoki
Freddy Hardest
Mensajes: 657
Registrado: Sab Nov 23, 2013 8:27 am

Re: Crear sprites

Mensaje por hikoki » Jue Oct 15, 2015 5:26 pm

Terminado mi tutorial de sprites.
Me sale una másca diferente a la Mojona :!: :!:

Toni
Herbert
Mensajes: 63
Registrado: Mar Abr 01, 2014 1:31 pm

Re: Crear sprites

Mensaje por Toni » Jue Oct 15, 2015 10:03 pm

Muchas gracias, hikoki
Última edición por Toni el Jue Dic 17, 2015 4:50 am, editado 1 vez en total.

hikoki
Freddy Hardest
Mensajes: 657
Registrado: Sab Nov 23, 2013 8:27 am

Re: Crear sprites

Mensaje por hikoki » Sab Dic 12, 2015 2:13 pm

Toni!! Aquí tienes dos vídeos de una charla que dio Radastan explicando la Churrera. Ahí se explica la duda que tenía en mi tutorial sobre la máscara. Tuvieron que contratar escorts para llenar la sala. No te las pierdas

Retrobytes Córdoba 2015: cómo programar juegos en ZX Spectrum parte 1

Retrobytes Córdoba 2015: cómo programar juegos en ZX Spectrum parte 2

Edito:

Los sprites se ven en la parte 2 minuto 47

Toni
Herbert
Mensajes: 63
Registrado: Mar Abr 01, 2014 1:31 pm

Re: Crear sprites

Mensaje por Toni » Dom Dic 13, 2015 7:58 pm

Muchas gracias, hikoki!

Le echaré un vistazo.

Avatar de Usuario
radastan
Phantomas
Mensajes: 2232
Registrado: Lun May 07, 2007 5:34 pm
Contactar:

Re: Crear sprites

Mensaje por radastan » Lun Dic 14, 2015 8:25 am

hikoki escribió:Tuvieron que contratar escorts para llenar la sala. No te las pierdas
:lol: :lol: :lol: :lol: :lol:

Ya fuera coñas, fueron 5 o 6 personas y en la parte final quedaron 2 o 3. No obstante lo prefiero así, porque esas pocas personas estaban MUY interesadas en la charla, de echo uno de ellos acabó programando con la churrera. Sólo por eso ya fué un éxito.

El secreto de las máscaras es no pegar la misma al sprite por una sencilla razón: los pixels del fondo se pegarían al sprite y se vería raro. Lo suyo es dejar un pixel de diferencia entre el sprite y la máscara, aunque puedes apurar en las esquinas.

En el vídeo se ve muy bien.
_________________________________________
Hay otras páginas.... pero no son Bytemaniacos
http://www.bytemaniacos.com
Orgullo de 8 bits
_________________________________________

Toni
Herbert
Mensajes: 63
Registrado: Mar Abr 01, 2014 1:31 pm

Re: Crear sprites

Mensaje por Toni » Lun Dic 14, 2015 1:57 pm

Gracias!

Estoy intentando crear los sprites(personajes) con el SevenUp.

Hago cuadrados de 16x16 por separado y ahí creo el sprite con sus frames.


Aquí un ejemplo chorra de 2 frames con un muñeco:

http://www.imagebam.com/image/4694d7452561446

http://www.imagebam.com/image/135272452561663

Supongo que luego habrá que pegar esos cuadraditos .png en orden.

Otra cosa es, cómo hacer las máscaras con el SevenUp?

En el manual del programa pone esto:

Código: Seleccionar todo

se mask
			Activa/desactiva el uso de máscara para el gráfico. Las
			máscaras se usan para preservar el fondo alrededor del
			gráfico que vamos a poner en la pantalla. Primero se
			aplica la máscara sobre el fondo usando AND, para borrar
			el espacio que ocupará el gráfico manteniendo los bordes,
			y entonces se pinta el gráfico usando OR (XOR también
			vale). Atajo de teclado: CTRL+M
Por cierto, me han encantado esos gráficos del tutorial.

Gracias

Avatar de Usuario
radastan
Phantomas
Mensajes: 2232
Registrado: Lun May 07, 2007 5:34 pm
Contactar:

Re: Crear sprites

Mensaje por radastan » Lun Dic 14, 2015 2:55 pm

Toni escribió: Otra cosa es, cómo hacer las máscaras con el SevenUp?
Usa una copia del sprite del que quieras realizar la máscara, rellenas las zonas de fuera hasta llegar al pixel de distancia del sprite, borras el sprite... ¡voilá!
_________________________________________
Hay otras páginas.... pero no son Bytemaniacos
http://www.bytemaniacos.com
Orgullo de 8 bits
_________________________________________

hikoki
Freddy Hardest
Mensajes: 657
Registrado: Sab Nov 23, 2013 8:27 am

Re: Crear sprites

Mensaje por hikoki » Lun Dic 14, 2015 3:34 pm

Toni, te refieres a los sprites de Jetpaco ? Es de uno de los juegos de Mojon Twins. Los sprites y código fuente suelen venir incluidos en la descarga de sus juegos.
Ni idea de sevenup, intentaré subir un video de lo que puse en este hilo con los consejos de Radastan.
Si quieres hacerlo como los Mojon Twins mira lo que he encontrado en el foro de Mojonia:
http://www.mojontwins.com/mojoniaplus/v ... f=9&t=1688

En vaderetro querían organizar una quedada para dar charlas de desarrollo de juegos. Lo que podría atraer la atención es pegar carteles de "Cómo hacer juegos retro para tablets" Después se encontrarían con una charla de churrera, fase, agd, zx88dk, daad, etc y la forma de empaquetarla con jbacteria y cocoonjs :mrgreen:

hikoki
Freddy Hardest
Mensajes: 657
Registrado: Sab Nov 23, 2013 8:27 am

Re: Crear sprites

Mensaje por hikoki » Mar Dic 15, 2015 4:16 am

Aquí tienes tres videos que muestran más o menos lo que hice en mi tutorial:
http://1drv.ms/1NmeMJC
http://1drv.ms/1RlilUw
http://1drv.ms/1Rlimru

Toni
Herbert
Mensajes: 63
Registrado: Mar Abr 01, 2014 1:31 pm

Re: Crear sprites

Mensaje por Toni » Mar Dic 15, 2015 2:29 pm

Gracias, hikoki!

Me he descargado los videos. Esta noche los veré con más tiempo.
Y gracias también por el tutorial que has puesto unos posts más arriba.

Probaré el RWP haber que tal.

Gracias radastan por lo de las máscaras.

Gracias!

Responder

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 8 invitados