Creando icono

Si existe algo que pueda darnos una rápida y simple idea sobre un ejecutable que estamos a punto de utilizar, es su icono, ya que es la primera imagen que vemos antes de cargarlo. Los juegos comerciales y los homebrews de DS, al igual que la gran mayoría de programas de PC, también poseen el suyo propio, y en este tutorial vamos a aprender a crearlos fácilmente y sin problemas, lo cual vendrá bien sobre todo a los desarrolladores a la hora de tener problemas con la creación de estas imágenes.

¿Qué es el icono de un archivo .nds?

El icono de un archivo .nds es una imagen en formato .bmp de 16 colores y de 32x32 píxeles de tamaño que se muestra en el menú de nuestras flashcards, y en el caso de los juegos comerciales en formato físico (en cartucho) es la imagen que se muestra en el menú de nuestras DS. Este archivo lo podéis extraer mediante aplicaciones como DSiconTool o RomeR.

Creando nuestro icono

Lo primero de todo es tener nuestra imagen en mente. Lo mejor que se puede hacer es, antes de nada, crear el contorno de nuestra imagen. Para este tutorial usaré GIMP, un programa de edición de imagen muy completo y gratis. Podéis usar el programa de edición que más os guste, pero os recomiendo uno que permita editar el mapa de colores (conjunto de colores indexados a una imagen) y que os permita reordenarlo.

Una vez realizado el contorno, procederemos a colorear la imagen. ¡MUY IMPORTANTE! Al colorear contad que el número de colores en total que usásteis no sobrepase los 16. Además, si queréis usar transparencias en la imagen, acordaos a la hora de colorearlo cuál será el color que elijais para la misma (en los iconos de los .nds, sólo existen dos niveles de alpha en los colores: opaco o completamente transparente).

Ahora ya tenemos lista la imagen, pero falta algo realmente importante que hacer antes de guardarla: crear y ordenar el mapa de colores de la imagen. Para ello, vamos a Ventanas, Diálogos empotrables y seleccionamos el Mapa de Colores sino lo teníamos antes. En el caso de que muestre el mensaje Solamente las imágenes indexadas tienen un mapa de colores, antes tendremos que indexarla. Para ello vamos a Imagen, Modo y seleccionamos Indexado... Después de seleccionarlo, tenemos que marcar la casilla Generar paleta óptima (que por defecto ya estará marcada) y ponemos como número máximo de colores 16.

Con eso, GIMP ya creará el mapa de colores de la imagen automáticamente, pero si editamos el mapa de colores sin querer, o por cualquier otra razón, y no hay ningún color en el mapa a pesar de estar la imagen indexada, tendremos que editarlo poniendo en él los colores que hayamos usado, dándole al botón de añadir (dentro de la ventana, el icono de la cruz) para añadir un color nuevo al mapa, y a continuación le damos a editar el color (el icono que está al lado de la cruz) tras elegir uno y selecciomos el que hayamos usado (nos podemos ayudar de la herramienta de elegir color).

Ahora ya tenemos nuestra imagen indexada, pero falta algo esencial: reordenar los colores. Quizás os preguntéis para que vamos a ordenarlos, si estén como estén nada va a cambiar en la imagen, pero algo sí que va a cambiar: el primer color del mapa de colores será el que decidirá la transparencia del icono. Es muy probable que al darle a indexar imagen los colores no están ordenados como queremos, pero no hay de qué preocuparse. Podemos usar la herramienta de ordenarlos, a la cual se accede mediante la flecha que hay al lado de donde pone Mapa de colores en la ventana. Desde ahí arrastramos los colores hasta poner de primero (el número 0) el que queríamos.

Y con esto guardamos la imagen en formato .bmp y ya tenemos listo el icono. Podéis añadirlo a vuestros juegos comerciales o homebrews usando RomeR, pero en el caso de que seáis desarrolladores y lo queráis añadir a vuestro homebrew desde el momento de compilar, acordaos de que si usáis PAlib debe renombrarse como logo.bmp, y si usáis nflib o libnds, como icon.bmp, y a continuación colocarlo al lado del makefile (en la misma carpeta).

Y tras todo esto, así es como se ve el icono que he usado como ejemplo en el menú de mi DSTwo (captura tomada con un iPod Touch 4G):