[Tutorial] Como colorear los rom de GB Parte I (modo facil)

Moderadores: Kravenbcn, largeroliker, fidelcastro, cerealkiller, pspCaracas, dark_sasuke, m0skit0, LnD, ka69, zacky06

Responder
Avatar de Usuario
Mirlo_PJ
Enteradillo
Enteradillo
Mensajes: 45
Registrado: 14 Oct 2009, 19:52

[Tutorial] Como colorear los rom de GB Parte I (modo facil)

Mensaje por Mirlo_PJ »

Aun me faltan las fotos y cosillas XDDD

Requisitos
PC
VisualBoyAdvance (CE o Color Edition)

Este emulador soporta varios tipos de de ROM: gb, sgb, zip, etc.
En este tutorial trabajaremos con Warioland y habrá dos secciones Modo Basico y modo experto.

Empezamos

Crear en la misma carpeta del archivo un fichero con el mismo nombre de la ROM terminado en .pal.ini, Ejemplo WarioLand.pal.ini.

Importante:Para que su sistema muestre las extensiones de los archivos, que no es el caso por defecto en Windows! Ya que es probable que cree un archivo llamado WarioLand.pal.ini.txt, y MasterBoy no lo encontrará.
Para ello, en la carpeta del juego seleccione menú herramientas -> opciones de carpeta -> Ver ->desmarcar la opción "Ocultar extensiones para los tipos de archivo conocidos":

Imagen


Quedando los así los archivos:

Imagen


En primer lugar, es necesario inicializar la configuración de la paleta de archivo con el siguiente script el cual es una plantilla común para todos. Abra el editor de texto como el Bloc de notas y copiar el siguiente texto ahí, guarda el archivo y mantenlo abierto en el bloc de notas (Ctrl + S).

Código: Seleccionar todo

Init: 
ColorIt.addTileCrc 0, 383
ColorIt.autoShowVramCrc = true
[Default]:
ColorIt.setPalette 0, rgb(255,255,255), rgb(168,168,168), rgb(88,88,88), rgb(0,0,0)
ColorIt.addTileRule 0, 383, 0
End


Explicacion de opciones de codigo:
#--> comentarios muy útil para no perdernos
Init: --> cabecera de inicialización
ColorIt.addTileCrc 0, 383 --> Cuadros totales que tenemos
ColorIt.autoShowVramCrc = true --> Activar el modo depuración
[Default]: -- >establece el perfil por defecto
ColorIt.setPalette 0, rgb(255,255,255), rgb(168,168,168), rgb(88,88,88), rgb(0,0,0) -- > Establece una paleta Gris RGB
ColorIt.addTileRule 0, 383, 0 -- > Asignamos la paleta gris para todo
End --> Finalizamos el bloque o grupo de sentencias

VisualBoyAdvance tiene una función que permite mostrar el contenido de la memoria de vídeo. Abra el menú Tool y, a continuación Tile Viewer. Verás algo como esto:

Imagen


La memoria de vídeo (o llamada VRAM) es un espacio de memoria especial en el Game Boy reservados para los gráficos. Tan pronto como un juego quiere mostrar algo en la pantalla (un personaje o un fondo, por ejemplo) tendrá que copiar las imágenes en la memoria de vídeo. Esto nos facilita el trabajo a nosotros, porque un golpe asi no hay que buscar en otra parte!

Este cuadro de diálogo muestra los cuadros presentes en la memoria de vídeo. Un Bloque es un bloque de 8x8 píxeles que se utiliza para componer la pantalla. Cada objeto o fondo en un juego se compone de una serie de bloques de 8x8 que se reutilizan. En la imagen superior se puede reconocer a Wario (posiblemente ajustando el regulador de la paleta “Palette” para una mejor visibilidad). Si vemos la siguiente parte de la memoria (128 cuadros y más) mientras hace clic en 0x8800, podrás ver algo un poco más interesante:

Imagen


Aquí se ven todos los elementos gráficos del nivel actual. Por lo tanto vamos a tratar de colorear los bloques primero.Imagen

Si haces clic en el bloque, podemos ver que VisualBoyAdvance (VBA a partir de ahora) indica el número del bloque.

Imagen


De hecho, este bloque es parte de un mosaico de 4 cuadros juntos, que hacen un mosaico de 16x16, si la medimos (4 cuadros de 8x8). El primero es el número 128 y el último 131. Crearemos una paleta específica, a la que vamos a asignar un número (por ejemplo 1) e indicar a VBA que los cuadros de entre 128 y 131 utilicen la paleta número 1, con lo que nos coloreara un bloque de color.

Creación de una paleta
Una paleta es simplemente una lista de colores. En la Game Boy hay cuatro niveles de gris, pues entonce tenemos que definir un color para cada tono de gris. Una paleta que constará de 4 colores, el primero es el blanco, el segundo gris claro, el tercero gris oscuro y el último negro.

Imagen


Vamos a nuestro archivo de Wario Land.pal.ini, en la sección [Default]. Hemos escrito este código al principio de este tutorial:

ColorIt.setPalette 0, RGB (255,255,255), RGB (168,168,168), RGB (88,88,88), RGB (0,0,0)
ColorIt.addTileRule 0, 383, 0

Como hay un total de 384 fichas en la memoria de vídeo (0 a 383) Este código significa que todo se vuelve gris (debido a la paleta 0 definido más arriba consiste en tonos de gris).

Cada color de la paleta se definen así: rgb (1, 2, 3),
1 es rojo (entre 0 y 255).
2 es verde (entre 0 y 255).
3 es azul (entre 0 y 255).

Trata de jugar con MS Paint (o el que mas te guste) para entender cómo funciona el sistema RGB (ir al menú de colores, los colores Modificar). También si estás acostumbrado a la web, también puede simplemente definir el color en hexadecimal: rgb(FFFFFF)
Nota: Recuerda que en hexadecimal va desde 000000 para negro hasta FFFFFF para blanco.
Vamos a definir con más colores el bloque de cuadros de entre 128 y 131 (el bloque que queremos para colorear), y crear una nueva paleta que se asocian a ellos. El código para hacerlo es así:

Código: Seleccionar todo

#Paleta de bloques 
ColorIt.setPalette 1, rgb(192,192,224), rgb(128,128,192), rgb(64,64,160), rgb(0,0,128)
#Asociamos la paleta a los bloques
ColorIt.addTileRule +128, +131, 1


Añadelo justo antes de END, que marca el final de la sección (nada después de que se llevará a cabo, por lo tanto es inútil poner nada después de end, por ahora). El signo + delante del número de cuadros es necesario porque se encuentran en la sección 0x8800 (recuerda, que hicimos clic en este radio botón al principio todo). Si no especificamos ningún '+' si la sección será 0x8000.

En cuanto a los 4 colores, elegí unos colores azules.Recuerda que:
[list=-][*]El primero representa un equivalente de blanco en la Game Boy, por lo que es naturalmente más claro.
[*]El segundo representa gris claro (por lo tanto un poco más oscuro), el tercero de color gris oscuro (por lo tanto aún más oscuro).
[*]El último es el negro (por lo tanto un color muy oscuro en general, el negro se recomienda a menudo para un mejor contraste).
[/list]

Imagen


Sugerencia: Si se dividen todos los componentes (rojo, verde y azul) por dos, obtendrás el mismo color pero 2x más oscuro. Esto a menudo puede ser útil para dar efectos de relieve. De la misma manera que, si haces divides todos los componentes entre 255, obtendrá un color más claro 2x. Por ejemplo, para 255, 128 y 0, la versión más clara más de 255, 192, 128.
Por otra parte, en general, los componentes más distantes, tienen un mayor contraste. Por ejemplo, 255, 0, 0 representa el rojo brillante, pero 192, 64, 64 representa un rojo insípido, y cuando los tres componentes son idénticos, tiene un tono de gris, cuyo brillo depende de los tres componentes. Por ejemplo, 64, 64, 64 hace un gris oscuro, 128, 128, 128 gris intermedio, y así sucesivamente.

Para continuar, guarda el archivo y echa un vistazo a él emulador: los bloques deben aparecer en azul.

Imagen


(Puedes hacer varias pruebas para ver lo que hace, es suficiente con guardar el archivo o carga el estado).

A continuación, puedes colorear cuadros o varios grupos de cuadros con la misma paleta, o crear una nueva paleta para los siguientes bloques (los que están rotos). Sólo tiene que poner el código de abajo, de la misma forma que antes:

Código: Seleccionar todo

# Paleta n ° 1: Bloques 
ColorIt.setPalette 1, RGB (192,192,224), RGB (128,128,192), RGB (64,64,160), RGB (0,0,128)
# Asociado de la paleta de los bloques
ColorIt.addTileRule 128, 131, 1
# Los cuadros de 136 a 139 constituyen un bloque con fisuras, por lo tanto los mismos colores => misma paleta (pero se ven diferentes, dándoles una paleta propia)
ColorIt.addTileRule 136, 139, 1
# Paleta n ° 2: Wario
ColorIt.setPalette 2, RGB (255,255,255), RGB (255,224,128), RGB (128,112,64), RGB (0,0,0)
# Asociados a cuadros de Wario (recuerda que este esta en la secion 80 por eso no tiene +)
ColorIt.addTileRule 0, 143, 2
# No olvide el final para terminar
End


Esto es todo para colorear tus juegos, solo as de poner en tu memory el archivo .pal.ini al lado de tu ROM igual que en el PC.

Archivo final quedaria:

Código: Seleccionar todo

#Inicializamos
Init:
#Seleccionamos todos los cuadros en memoria
ColorIt.addTileCrc 0, 383
#Activamos el modo depuración
ColorIt.autoShowVramCrc = true

#Perfil por defecto
[Default]:
#Creamos paleta de grises
ColorIt.setPalette 0, rgb(255,255,255), rgb(168,168,168), rgb(88,88,88), rgb(0,0,0)
#Asignamos paleta de grises a todo
ColorIt.addTileRule 0, 383, 0
#---------------------------------
# Paleta n ° 1: Bloques
ColorIt.setPalette 1, RGB (192,192,224), RGB (128,128,192), RGB (64,64,160), RGB (0,0,128)
# Asociado de la paleta de los bloques
ColorIt.addTileRule 128, 131, 1
# Los cuadros de 136 a 139 constituyen un bloque con fisuras, por lo tanto los mismos colores => misma paleta (pero se ven diferentes, dándoles una paleta propia)
ColorIt.addTileRule 136, 139, 1
# Paleta n ° 2: Wario
ColorIt.setPalette 2, RGB (255,255,255), RGB (255,224,128), RGB (128,112,64), RGB (0,0,0)
# Asociados a cuadros de Wario (recuerda que este esta en la secion 80 por eso no tiene +)
ColorIt.addTileRule 0, 143, 2
# No olvide el final para terminar
End
Imagen

Avatar de Usuario
largeroliker
Administrador
Administrador
Mensajes: 8283
Registrado: 03 Sep 2009, 09:46
PSN ID: larger0o
Gamertag Xbox Live: larger0o
Steam ID: larger0o
Twitter: larger0o
Ubicación: Málaga
Contactar:

Re: [Tutorial] Como colorear los rom de GB Parte I (modo facil)

Mensaje por largeroliker »

Al desaparecer emuladores, tutorial movido a Tecnología-> Otros Mundos, aunque mantiene un link en Master Boy.

Saludos! ;)
Imagen
Steam Deck · Xbox Series X · PS5 · Switch · PS Vita · WiiU · PS3 · new 3DS XL · Xbox 360 · PSP · PS2

Responder