Os explicaré como hacer Un "bezel" para street fighter II (por ejemplo).

* Primero crear un fondo con photoshop. (Yo lo voy ha hacer a 1024 X 768 a 72 ppp.)

Fondo

* Despues definir el espacio que quereis que ocupe el screen del juego. (yo lo he puesto a 800 X 600)

Screen
(La parte en blanco sera la pantalla del juego y la negra el bezel)

* Calculamos las coordenadas de las 4 esquinas del fondo y de las 4 esquinas del screen.

Coordenadas

1= (0,0)
2= (1024,0)
3= (0,768)
4= (1024,768)

5= (112,84)
6= (912,84)
7= (112,684)
8= (912,684)

* El siguiente paso es hacer que la coordenada número 5, se convierta en la 0,0. teniendo en cuenta que es (112 X 84) tendríamos que restar (-112 a X) y (-84 a Y). Haremos lo mismo con el resto de coordenadas. (-112 al eje X y -84 al eje Y)

Ajuste de coordenadas

1= (0-112) , (0 -84) = -112 , -84
2= (1024-112) , (0-84) = 912 , -84
3= (0-112) , (768-84) = -112 , 684
4= (1024-112) , (768-84) = 912 , 684

5= (112-112) , (84-84) = 0 , 0 (ésta es la que tiene que quedar a 0,0)
6= (912-112) , (84-84) = 800 , 0
7= (112-112) , (684-84) = 0 , 600
8= (912-112) , (684-84) = 800 , 600 (Ésta es la resolución que habíamos definido para el screen)

* Ahora nos queda hayar los numero que aparecen en el fichero .art. [left],[top],[right],[bottom]

POSITION= -0.14,-0.14,1.14,1.14 <========= ¡¡¡ESTOS!!!

Para calcularlos lo que tenemos que hacer es quedarnos con la cordenada número 8 una vez que se le a restado (-112,-84) que es 800,600.

Ahora dividiremos los ejes X de cada coordenada (1 a 4) por 800, y los ejes Y por 600. (las coordenadas 5, 6, 7 y 8 ya no son necesarias.

División de coordenadas

1= (-112/800) , (-84/600) = -0.14 , -0.14 (Estos son el [left] -0.14 y el [top] -0.14)
2= (912/800) , (-84/600) = 1.14, -0.14 (De aquí sacamos el [right] 1.14)
3= (-112/800) , (684/600) = -0.14 , 1.14 (De aquí sacamos el [bottom] 1.14)
4= (912/800) , (684/600) = 1.14 , 1.14

(en este caso coinciden el [left con el top] y el [right con el bottom] pero no tiene por qué ser así)

*Solo queda crear el sf2mask.png

sf2mask.png
(la parte blanca sera la visible y la negra la trasparente).

*crear el sf2.png (el bezel)

sf2.png

*Editar el archivo .art:

backdrop:
file = sf2.png
alphafile = sf2mask.png
layer = bezel
priority = 0
visible = 1
position = -0.14,-0.14,1.14,1.14

*Montar el zip. con los tres archivos sf2.art, sf2.png y sf2mask.png. y meterlo a la carpeta artworks.

*Y en las opciones por defecto de MAME32 dejar sin marcar la opción "enforce aspect ratio" (respetar aspecto) para que nos ocupe toda la pantalla.


LISTO!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

SNAP