Técnicas para pintar imágenes en SCREEN 2 (2ª parte)

Segunda parte de este fantástico artículo para principiantes sobre el dibujo en el modo SCREEN 2 del MSX, publicado originalmente en aOrante Blog. Podéis leer la primera parte en este enlace.

Hay un truco con el que podemos paliar la limitación de colores del screen2, consiguiendo un color más en determinadas zonas de la pantalla. Consiste en utilizar planos de figuras móviles (sprites). Esto es posible gracias a que toda la información de los sprites (gráfica y atributos), se encuentra en la memoria de vídeo (VRAM) y el formato SC2 consiste en un volcado de esta memoria.

Antes tenemos que tener en cuenta una serie de puntos:

1. Solo podemos utilizar 32 sprites de 8×8 o 16×16 pixels y solo podrán situarse 4 en la misma línea, ya que el quinto se borraría o se mostraría parcialmente.
2. Para cada uno de ellos, solo podemos utilizar uno de los 16 colores de la paleta de los MSX.
3. Tendremos que programar una aplicación para situar los sprites sobre la imagen, para luego guardar el fichero SC2.

En este tutorial, explicaré como desarrollar este efecto, utilizando un PC o MAC en combinación con un MSX (físico o emulado). También se puede hacer perfectamente utilizando aplicaciones nativas. Lo importante es conocer la idea y luego aplicarla con las aplicaciones que más nos gusten.

Dibujando los sprites

Empezaremos por dibujar lo que serán los sprites, sobre nuestra imagen. Para ello recomiendo utilizar un programa gráfico que disponga de capas, ya que nos ayudara a distinguirlos de la imagen principal. Utilizaremos una o más capas y en ellas dibujaremos la forma con el color que necesitemos.

Una vez tengamos terminada la composición, necesitaremos tener por un lado la imagen de fondo en formato SC2 y los sprites en formato código Basic.

Obteniendo el fondo en SC2

Para obtener la imagen del fondo en SC2, utilizaremos el Screen Conversor de Jannone. Su manejo es sencillo:

1. Cargamos nuestra imagen.
2. Seleccionamos la paleta de los MSX1, inhabilitamos la opción de «Error Diffusion» y pulsamos el botón «Convert».
3. Guardamos la imagen SC2, utilizando la opción Save «all dump», y copiamos el código que muestra, a un editor de texto y lo guardamos con extensión «.BAS».

El editor de sprites

Para obtener los datos de los sprites, utilizaremos el TinySprite, también desarrollado por Jannone.

Pintaremos todos los sprites, añadiendo tantos «slots» como sprites necesitemos. Utilizaremos como referencia lo que hemos pintado desde nuestro software de dibujo. Cuando terminemos «Exportaremos» el resultado a Basic. Aconsejo cambiar el numero de linea inicial por uno más alto, para reservar unas líneas para añadir más código que necesitaremos. El resultado se nos mostrará cuando pulsemos el icono representado por una hoja con una rueda dentada. Lo seleccionaremos y lo copiaremos al programa Basic guardado en el punto anterior.

A Programar!

Sobre el programa que disponemos, tendremos que añadir unas lineas, para que se comporte como nosotros necesitamos. Incluyo los fuentes del que he utilizado para este tutorial, el cual os servirá para adaptarlo a vuestras creaciones. De todas formas os detallo algunos puntos para que entendáis su funcionamiento.

Primero añadiremos una línea que asigne el color negro al borde de la pantalla. Esto sera necesario para que la imagen se visualice correctamente ya que el conversor suele aplicar el negro como el color 0 (transparente), de la paleta del MSX.

1 color ,,1

Luego indicaremos el modo de pantalla con el tipo de sprites que vamos a utilizar (0=8×8; 1=8×8 ampliado; 2=16×16; 3=16×16 ampliado).

10 SCREEN 2,2

Quitaremos la linea «30 goto 30» y en su lugar añadiremos una que lance la función que añade los datos gráficos de los sprites en la memoria de vídeo.

30 GOSUB 10010

También sera necesario añadir como última linea de programa, la función de retorno:

10030 RETURN

El siguiente paso sera mostrar los sprites en la posición adecuada. Para ello utilizaremos la instrucción «PUT SPRITE». Antes necesitaremos saber la posición de cada sprite. Desde el programa de dibujo situaremos el cursor en la posición superior izquierda de cada bloque de 16×16 y apuntaremos las coordenadas (en Gimp se muestran a la izquierda de la barra de estado de la ventana principal). Deberemos utilizar la sentencia PUT SPRITE tantas veces como sprites tengamos. Funciona de la siguiente manera:

PUT SPRITE número de plano, (coordenada X, coordenada y), color, número de sprite

Ejemplo:

100 PUT SPRITE 0,(33,23),1,0

Después de esto, guardamos la pantalla (sprites incluidos), con la siguiente sentencia (Nota: el nombre de fichero ha de ser diferente al original, si queremos conservarlo):

180 BSAVE»BENDER_S.SC2″,0,&H3FFF,S

Y para finalizar he colocado una línea que espera que pulsemos una tecla para salir:

190 IF INKEY$=»» THEN 190

192 END

A continuación podéis ver todo el programa (también se encuentra en el DSK que se puede descargar al final del tutorial):

Ahora tendremos que copiar los ficheros SC2 y el BAS, en un disco de MSX o en un fichero de disco (.DSK). Para este último caso, podemos usar la utilidad Disk-Manager de Lex Lechz (Windows).

Y para finalizar lo ejecutamos y ya tenemos nuestra imagen!!!

Nota: Es posible que alguna posición no nos concuerde. En ese caso, tendremos que modificarlas hasta que consigamos que se muestre todo correctamente.

Para ver nuestra imagen final, podemos usar el siguiente listado:

NOTA: No seria muy complicado hacer un programa para crear un efecto de animación, cambiando el número de sprite de un plano dado. Solo es cuestión de animarse! 😉

Más información

• Imagen final del tutorial
• Disco con ejemplos
• Screen Conversor de Jannone
• TinySprite de Jannone
• Disk-Manager de Lex Lechz