cabecita
25-mar-2009, 18:02
He traducido el Tutorial de Atomic Studio que viene en la página oficial. Espero que nos sirva para sacarle jugo a este Front-End que parece muy interesante.
01.- Iniciar Atomic Studio
Ejecutar AtomicStudio.exe
http://www.atomicfe.com/EN2/doc/_images/01.jpg
Sobré ese cuadro de diálogo, estaría bien pinchar sobre el patrocinador. Si lo hace ya no volverá aparecer más durante el día. Atomic es totalmente libre y sin limitaciones, esto es tan sólo una manera para ayudarme a cubrir los costes de alojamiento y desarrollo del software.
Aunque también puede pulsar el botón Close directamente.
Una vez se haya pinchado sobre Close, Atomic Studio estará listo para utilizarse.
02.- Crear un Proyecto Nuevo
Presione sobre el botón New Project, después introduzca un Nombre para el Proyecto, y finalmente presione el botón OK.
http://www.atomicfe.com/EN2/doc/_images/02.jpg
A continuación le solicitará confirmación y después le mostrará el proyecto en blanco listo para usarse.
03.- Crear una Pantalla Nueva
Presione sobre el botón New Screen, después introduzca un Nombre de Pantalla , seleccione a list of games to launch a continuación pulse el botón OK.
http://www.atomicfe.com/EN2/doc/_images/03.jpg
Atomic le pedirá que rellene el cuadro de diálogo Screen Properties.
http://www.atomicfe.com/EN2/doc/_images/04.png
Una vez seleccione Emulator Type, Atomic Stuido rellenará algunos campos automáticamente; por ejemplo Command Parameters y Roms Extension.
Todo lo que no se haya hecho, es porque tiene que especificar la ubicación del ejecutable de su Emulador, y las carpetas de Roms & Snaps.
Cuando haya acabado presione OK.
04.- Utilizar una Pantalla de Prueba
Vuelva a la ventana principal, su nueva pantalla aparecerá en la lista de la izquierda.
Sobre la pantalla que creó pinche con el botón derecho, le saldrá un menú emergente.
Seleccione Test Screen.
http://www.atomicfe.com/EN2/doc/_images/05.jpg
Esto ejecutará Atomic, ¡y debería ver su pantalla funcionando!
Presione la tecla ESC para salir de Atomic.
Si su pantalla no funciona, puede utilizar la opción de menú Check Screen para comprobar que le ocurre a su pantalla. Atomic realizará algunas comprobaciones automáticamente.
http://www.atomicfe.com/EN2/doc/_images/06.png
Los errores que se ven en la imagen de aquí se deben al hecho de que el diseño (skin) utilizado para mostrar su objeto de pantalla Custom1 no tiene una carpeta definida que obtenga los datos de ese objeto.
Sin embargo en ese caso, todos los errores no son "críticos" y la pantalla funcionará, pero si es posible es mejor arreglarlos.
Para arreglar los errores de ese ejemplo, debemos ir a la opción Define Layout Folders del menú contextual y definir la carpeta para los objetos custom 1.
05.- Activar su proyecto
En este punto, se puede probar la pantalla, pero si inicias Atomic.exe (fuera de AtomicStudio), su pantalla no se iniciará, pero sí la pantalla demo.
Por tanto, hay que decir a Atomic, en qué pantalla se inicia. Para ello:
Utilice Arrastrar y Soltar para mover su pantalla a la Lista Derecha.
Una vez que su pantalla esté en la otra lista, haga clic en Activate Project
http://www.atomicfe.com/EN2/doc/_images/07.jpg
Ahora, si sale de Atomic Studio, y ejecuta Atomic.exe, Atomic se iniciará en su Pantalla.
06.- Definir una Lista de Exclusión
Tal y como está su proyecto en este momento, Atomic muestra una lista de todas las roms que se encuentran en su carpeta roms.
Sin embargo, esta carpeta puede que contenga archivos que no sean Roms para Juegos, como por ejemplo BIOS.
Para evitar este problema, puede decirle a Atomic que no muestre ciertas Roms. Para ello:
Haga clic con el botón derecho en su pantalla (en el panel de la izquierda o en el de la derecha) para que le salga el menú emergente, y seleccione Define Exclude List.
http://www.atomicfe.com/EN2/doc/_images/08.jpg
Se abre el cuadro de diálogo definir lista de exclusión.
En la lista de la izquierda, aparece la lista de roms disponibles en su carpeta.
Seleccione en la lista desplegable el filtro: (genre) y presione el botón >>Filtered
http://www.atomicfe.com/EN2/doc/_images/09.png
Las Roms de Bios se transferirán a la lista de la derecha. Es posible que alguna bios no esté en la lista, si el filtro que se utiliza no está actualizado, en ese caso simplemente hay que seleccionar las roms que quiera excluir de la lista de la izquierda y presionar el botón > para añadirla a la lista de exclusión.
En este momento se dispone de filtros que son sólo para mame. Por tanto no especifique un filtro de BIOS para un emulador de Commodore 64. En ese caso, tendra que poner las roms en la lista de exclusión utilizando el botón >.
Después pulse el botón OK . Si prueba la pantalla o ejecuta Atomic.exe, en su lista no debería ver más BIOS. Los juegos que seleccionó se excluirán de la lista.
[B]07.- Definir una Lista de Juegos
Ahora, tenemos una pantalla que muestra todas las Roms (excepto BIOS). Pero si por ejemplo quiere una lista que sólo contenga juegos de plataforma, por supuesto podría "excluir" todo juego que no sea de plataforma utilizando el método lista de exclusión. Pero ese no es el método más eficiente.
Atomic le permite adjuntar listas de juegos predefinidas a una pantalla. Por tanto en lugar de ir examinando la carpeta rom y excluir roms no deseadas, Atomic cargará directamente y de una vez las roms que desee en su lista.
El método es muy similar al de Listas de Exclusión. Se haría de la siguiente manera:
Haga clic con el botón derecho sobre su pantalla para desplegar el menú (puede hacer clic en la lista derecha o en la de la izquierda), y seleccione View / Attach GameList.
http://www.atomicfe.com/EN2/doc/_images/10.jpg
La primera vez que utilice esta opción de menú en una pantalla, Atomic le preguntará qué tipo de lista de juegos quiere crear o adjuntar.
http://www.atomicfe.com/EN2/doc/_images/11.png
Seleccione A Simple Game List y pulse el botón OK.
Se abrirá el cuadro de diálogo Game List Editor . Es muy similar al Exclude List Editor.
En la lista de la izquierda, aparece la lista de roms disponibles en su carpeta.
Seleccione en la lista desplegable el filtro: (genre)[Plateform] y presione el botón >>Filtered.
http://www.atomicfe.com/EN2/doc/_images/12.png
Las roms de Plataforma se transferirán a la lista de la derecha. Es posible que algún juego de plataforma no esté en la lista, si el Filtro que se utilizó no está actualizado, en ese caso simplemente hay que seleccionar las roms que quiera excluir de la lista de la izquierda y presionar el botón > para añadirla a la lista de exclusión.
Ahora, cuando pruebe la pantalla o ejecute Atomic.exe, la lista solo contendrá juegos de plataforma.
De este modo, puede crear sus listas de juegos personalizadas como desee.
08.- Crear una Jerarquía de Pantallas
Ahora, cuando iniciamos Atomic, llegamos a una lista de juegos en la que se muestran los juegos de Plataforma. Sin embargo una buena idea sería por ejemplo iniciar una pantalla que muestre los juegos por categorías (Plataformas, Conducción, Disparos, etc...) y después cuando seleccionemos la categoría aparezca la pantalla correspondiente.
Lo hariamos de la siguiente forma:
Por ahora únicamente tenemos una pantalla que muestra una plataforma y por tanto necesitaremos crear otras pantallas. Para este tutorial crearemos una pantalla que muestre los juegos de Conducción y otra para los juegos de Disparos.
Así que rehacemos el Paso 3 de este tutorial y el Paso 7 para crearnos 2 pantallas nuevas.
Ponga como nombre a su pantalla conducción: Juegos de Conducción, y como filtro en el cuadro de diálogo de la lista de juegos utilice
(genre)[Driving]
Ponga como nombre a su pantalla disparo: Juegos de Disparos, y como filtro en el cuadro de diálogo de la lista de juegos utilice
(genre)[Shooter]
Al final, debería tener en Atomic Studio algo como:
http://www.atomicfe.com/EN2/doc/_images/13.jpg
No olvide probar sus nuevas pantallas utilizando el menú Test Screen para asegurarse de que funciona.
En este punto, tenemos 3 Pantallas independientes sin vincular. ¿Qué sería necesario ahora? Una pantalla que nos permitiera elegir entre esas Pantallas.
Así que, hacemos clic otra vez sobre el botón New Screen , pero esta vez elegimos: a menu to select emulator or categories or album
http://www.atomicfe.com/EN2/doc/_images/14.jpg
Una vez haga clic sobre el botón OK Atomic le solicitará un Layout (skin) y Screen Orientation.
Por ahora déjelo como está, y simplemente haga clic en OK.
http://www.atomicfe.com/EN2/doc/_images/15.png
Después de haber hecho clic sobre OK, su nueva Selection Screen aparecerá en la lista de la izquierda.
http://www.atomicfe.com/EN2/doc/_images/16.jpg
En este punto tenemos todo lo que necesitamos para construir nuestra primera jerarquía.
Sin embargo primero necesitamos quitar nuestra primera Pantalla de la Jerarquía, porque sólo podemos añadir Pantallas a la Jerarquía debajo de una Pantalla de Selección, no debajo de una Lista de Juegos.
Para quitar una Pantalla de la Jerarquía, simplemente hay que hacer clic con el botón derecho sobre la Pantalla de la Jerarquía (lista de la derecha), y seleccionar remove screen from hierarchy.
http://www.atomicfe.com/EN2/doc/_images/17.jpg
Una vez que haya quitado la pantalla, ponga en primer lugar de la jerarquía Selection Screen utilizando Arrastrar y Soltar.
Después, utilice otra vez arrastrar y soltar para poner otras Pantallas debajo de la Selection Screen (suelte solo sobre la pantalla que quiera poner encima de Selection screen en la jerarquía).
Finalmente debe obtener algo como:
http://www.atomicfe.com/EN2/doc/_images/18.jpg
Haga clic sobre el botón Activate & Run , para ver el resultado en Atomic.
Para "entrar" en una categoría, pulse o bien la tecla 1 o bien la tecla Return . Una vez se encuentre sobre la lista de juegos, si desea volver atrás pulse o bien la tecla 2 o bien la tecla Retroceso.
Verá que todavía no es perfecto. En primer lugar nuestra "Plataforma" se llama "Arcade Games" la imagen final no ilustra las categorías. Eso lo vamos arreglar en los pasos siguientes.
09.- Cambiar el Nombre para Mostrar
Nuestra configuración muestra "Arcade Games" en lugar de "Juegos de plataforma", así que esto es lo que haremos para cambiarlo.
El lugar donde vemos "Arcade Games" en vez de "Juegos de Plataforma" cuando se ejecuta Atomic es sobre Pantalla de Selección.
Asi que tenemos que cambiar los nombres para mostrar para la Pantalla de Selección no para la pantalla "Arcade Games".
Con el botón derecho haga clic sobre Select Category Screen en la jerarquía y elija la opción Change Display Name.
http://www.atomicfe.com/EN2/doc/_images/19.jpg
Se abrirá el cuadro de diálogo Display Names Editor.
Aparecerá la lista de todas las pantallas de su proyecto (no sólo la que hay en la jerarquía).
Localice el apartado “Arcade Games”, y cambie el nombre que se muestra por “Juegos de Plataforma” simplemente escribiendo en la columna.
http://www.atomicfe.com/EN2/doc/_images/20.png
Después haga clic en Guardar.
Cuando el Display Names Editor se cierra, no hay nada cambiado en la jerarquía. No espere ver aquí renombrada la pantalla “Arcade Games”. Esto no es lo que hemos hecho aquí, sólo se ha cambiado el Nombre para Mostrar, no el Nombre de Pantalla.
Si quiere ver el resultado: Ejecute Atomic.exe o haga clic sobre el botón Activate & Run . Ahora leerá “Juegos de Plataforma” donde se mostraba “Arcade Games” .
10.- Vincular Imágenes a las Pantallas
Si lo desea, puede asociar una imagen a cada pantalla para ilustrar las categorías.
En general para cada lista de juegos, una captura de pantalla ilustra cada juego. Esto puede hacerlo automáticamente Atomic, buscando una captura de pantalla que tenga el mismo nombre que el juego en el directorio SNAP que defina en las Propiedades de Pantalla.
Para la Pantalla de Selección es un poco diferente porque no se muestra en realidad la lista de rom para la lista de pantallas. Así que tenemos que asociar una imagen para una pantalla. Se procederá de la siguiente forma:
Seleccione cada pantalla a la que desea asociar imagen, haga clic con el botón derecho, y seleccione Associate Image
http://www.atomicfe.com/EN2/doc/_images/21.jpg
Atomic le preguntará qué imagen desea asociar con la pantalla.
http://www.atomicfe.com/EN2/doc/_images/22.jpg
Haga esto para todas sus pantallas. Después ejecute Atomic.exe o presione el botón Activate & Run para ver el resultado.
11.- Cambiar el Diseño de Pantalla (skin)
Hasta ahora, cuando construíamos nuestra pantalla manteníamos el diseño predeterminado. Sin embargo tiene la posibilidad de personalizar sus pantallas como desee.
Para cambiar la piel (skin) de una pantalla, hay dos maneras de hacerlo. Una es la opción de menú emergente Properties . La otra es la opción del mismo menú Define Layout folder .
Vamos hacerlo utilzando Define Layout folder.
Haga clic con el botón derecho sobre la pantalla a la que quiera cambiar el layout, y elija Define Layout folder.
http://www.atomicfe.com/EN2/doc/_images/23.jpg
Aparecerá el cuadro de diálogo Layout Folder. Haga clic sobre el botón ... y a continuación sobre el campo Layout Directory.
http://www.atomicfe.com/EN2/doc/_images/24.png
Se abre el cuadro de diálogo Select a Layout. Seleccione un diseño de la lista, y después haga clic en Select
http://www.atomicfe.com/EN2/doc/_images/25.png
Vuelva sobre el cuadro de diálogo Layout Folder, le notificará que la ruta al directorio de diseños ha cambiado.
La mayoría de los diseños muestran una lista y una instantánea, pero algunos diseños muestran más cosas como la marquesina, el folleto, la foto del mueble, el título, etc...
El diseño necesita saber dónde encontrar las imágenes que se han de mostrar. Ese es el cometido del otro campo en esta pantalla. Normalmente depende del diseño que utilice.
Por ejemplo, si ha elegido un diesño que muestre una lista de dibujos en lugar de la lista de texto clásica, tendrá que completar el campo List Image Directory, de lo contrario Atomic no le mostrará la imagen en su lista.
Por ahora, déjelo como esta, haga clic en OK y pruebe su pantalla o arranque su proyecto, para ver el resultado. Si cree que alguna imagen no está en el diseño, la causa podría ser que otra carpeta como custom1, custom 2 o que una lista de dibujos, debiera completarse también.
Una buena manera de saber si se ha completado, es utilizar el menú Check Screen de su pantalla. De hecho el procedimiento de verificación de pantalla analiza el diseño que haya elegido y comprueba la existencia de carpetas. Por ejemplo, si después de un Check Screen obtiene:
http://www.atomicfe.com/EN2/doc/_images/06.png
Puede deducir que su diseño utiliza el objeto custom1. Por tanto debería rellenar el campo Custom 1 Directory del cuadro de diálogo Layout folder.
12.- Instalación de un Diseño Nuevo
Cuando esté en el cuadro de diálogo para seleccionar un diseño, sólo le aparecerán unos pocos. Estos son los diseños que se encuentran en la Biblioteca de Diseños de Atomic.
Sin embargo, es posible que desee utilizar otro diseño que haya hecho (utilizando AtomicLayoutEditor) o uno que haya descargado del sitio web de Atomic.
Para poder utilizarlo, en primer lugar tiene que importarlo a Atomic Studio.
Si ha descargado un diseño de un sitio web, por lo general suelen ser archivos .ZIP ó .RAR. Están comprimidos, y por lo tanto, primero hay que descomprimirlos.
Busque en la carpeta que hay en el interior el archivo Layout.cfg.
A continuación en AtomicStudio, en el menú seleccione Project y después Import Layout.
http://www.atomicfe.com/EN2/doc/_images/26.jpg
Cuando haga clic sobre Import Layout, Atomic le solicitará una carpeta. Navegue hasta la carpeta donde esté ubicado el archivo Layout.cfg, y presione OK.
http://www.atomicfe.com/EN2/doc/_images/27.png
Atomic importará el diseño a su biblioteca, dependiendo del diseño esta operación puede tomar unos segundos. Una vez hecho, el diseño importado podrá seleccionarse en el cuadro de diálogo Select a Layout (ver el Paso 11 del tutorial).
Observará que un botón Import Layout se nos presenta directamente sobre el cuadro de diálogo Select a Layout y tiene el mismo efecto.
(http://javascript%3cb%3e%3c/b%3E:;)
01.- Iniciar Atomic Studio
Ejecutar AtomicStudio.exe
http://www.atomicfe.com/EN2/doc/_images/01.jpg
Sobré ese cuadro de diálogo, estaría bien pinchar sobre el patrocinador. Si lo hace ya no volverá aparecer más durante el día. Atomic es totalmente libre y sin limitaciones, esto es tan sólo una manera para ayudarme a cubrir los costes de alojamiento y desarrollo del software.
Aunque también puede pulsar el botón Close directamente.
Una vez se haya pinchado sobre Close, Atomic Studio estará listo para utilizarse.
02.- Crear un Proyecto Nuevo
Presione sobre el botón New Project, después introduzca un Nombre para el Proyecto, y finalmente presione el botón OK.
http://www.atomicfe.com/EN2/doc/_images/02.jpg
A continuación le solicitará confirmación y después le mostrará el proyecto en blanco listo para usarse.
03.- Crear una Pantalla Nueva
Presione sobre el botón New Screen, después introduzca un Nombre de Pantalla , seleccione a list of games to launch a continuación pulse el botón OK.
http://www.atomicfe.com/EN2/doc/_images/03.jpg
Atomic le pedirá que rellene el cuadro de diálogo Screen Properties.
http://www.atomicfe.com/EN2/doc/_images/04.png
Una vez seleccione Emulator Type, Atomic Stuido rellenará algunos campos automáticamente; por ejemplo Command Parameters y Roms Extension.
Todo lo que no se haya hecho, es porque tiene que especificar la ubicación del ejecutable de su Emulador, y las carpetas de Roms & Snaps.
Cuando haya acabado presione OK.
04.- Utilizar una Pantalla de Prueba
Vuelva a la ventana principal, su nueva pantalla aparecerá en la lista de la izquierda.
Sobre la pantalla que creó pinche con el botón derecho, le saldrá un menú emergente.
Seleccione Test Screen.
http://www.atomicfe.com/EN2/doc/_images/05.jpg
Esto ejecutará Atomic, ¡y debería ver su pantalla funcionando!
Presione la tecla ESC para salir de Atomic.
Si su pantalla no funciona, puede utilizar la opción de menú Check Screen para comprobar que le ocurre a su pantalla. Atomic realizará algunas comprobaciones automáticamente.
http://www.atomicfe.com/EN2/doc/_images/06.png
Los errores que se ven en la imagen de aquí se deben al hecho de que el diseño (skin) utilizado para mostrar su objeto de pantalla Custom1 no tiene una carpeta definida que obtenga los datos de ese objeto.
Sin embargo en ese caso, todos los errores no son "críticos" y la pantalla funcionará, pero si es posible es mejor arreglarlos.
Para arreglar los errores de ese ejemplo, debemos ir a la opción Define Layout Folders del menú contextual y definir la carpeta para los objetos custom 1.
05.- Activar su proyecto
En este punto, se puede probar la pantalla, pero si inicias Atomic.exe (fuera de AtomicStudio), su pantalla no se iniciará, pero sí la pantalla demo.
Por tanto, hay que decir a Atomic, en qué pantalla se inicia. Para ello:
Utilice Arrastrar y Soltar para mover su pantalla a la Lista Derecha.
Una vez que su pantalla esté en la otra lista, haga clic en Activate Project
http://www.atomicfe.com/EN2/doc/_images/07.jpg
Ahora, si sale de Atomic Studio, y ejecuta Atomic.exe, Atomic se iniciará en su Pantalla.
06.- Definir una Lista de Exclusión
Tal y como está su proyecto en este momento, Atomic muestra una lista de todas las roms que se encuentran en su carpeta roms.
Sin embargo, esta carpeta puede que contenga archivos que no sean Roms para Juegos, como por ejemplo BIOS.
Para evitar este problema, puede decirle a Atomic que no muestre ciertas Roms. Para ello:
Haga clic con el botón derecho en su pantalla (en el panel de la izquierda o en el de la derecha) para que le salga el menú emergente, y seleccione Define Exclude List.
http://www.atomicfe.com/EN2/doc/_images/08.jpg
Se abre el cuadro de diálogo definir lista de exclusión.
En la lista de la izquierda, aparece la lista de roms disponibles en su carpeta.
Seleccione en la lista desplegable el filtro: (genre) y presione el botón >>Filtered
http://www.atomicfe.com/EN2/doc/_images/09.png
Las Roms de Bios se transferirán a la lista de la derecha. Es posible que alguna bios no esté en la lista, si el filtro que se utiliza no está actualizado, en ese caso simplemente hay que seleccionar las roms que quiera excluir de la lista de la izquierda y presionar el botón > para añadirla a la lista de exclusión.
En este momento se dispone de filtros que son sólo para mame. Por tanto no especifique un filtro de BIOS para un emulador de Commodore 64. En ese caso, tendra que poner las roms en la lista de exclusión utilizando el botón >.
Después pulse el botón OK . Si prueba la pantalla o ejecuta Atomic.exe, en su lista no debería ver más BIOS. Los juegos que seleccionó se excluirán de la lista.
[B]07.- Definir una Lista de Juegos
Ahora, tenemos una pantalla que muestra todas las Roms (excepto BIOS). Pero si por ejemplo quiere una lista que sólo contenga juegos de plataforma, por supuesto podría "excluir" todo juego que no sea de plataforma utilizando el método lista de exclusión. Pero ese no es el método más eficiente.
Atomic le permite adjuntar listas de juegos predefinidas a una pantalla. Por tanto en lugar de ir examinando la carpeta rom y excluir roms no deseadas, Atomic cargará directamente y de una vez las roms que desee en su lista.
El método es muy similar al de Listas de Exclusión. Se haría de la siguiente manera:
Haga clic con el botón derecho sobre su pantalla para desplegar el menú (puede hacer clic en la lista derecha o en la de la izquierda), y seleccione View / Attach GameList.
http://www.atomicfe.com/EN2/doc/_images/10.jpg
La primera vez que utilice esta opción de menú en una pantalla, Atomic le preguntará qué tipo de lista de juegos quiere crear o adjuntar.
http://www.atomicfe.com/EN2/doc/_images/11.png
Seleccione A Simple Game List y pulse el botón OK.
Se abrirá el cuadro de diálogo Game List Editor . Es muy similar al Exclude List Editor.
En la lista de la izquierda, aparece la lista de roms disponibles en su carpeta.
Seleccione en la lista desplegable el filtro: (genre)[Plateform] y presione el botón >>Filtered.
http://www.atomicfe.com/EN2/doc/_images/12.png
Las roms de Plataforma se transferirán a la lista de la derecha. Es posible que algún juego de plataforma no esté en la lista, si el Filtro que se utilizó no está actualizado, en ese caso simplemente hay que seleccionar las roms que quiera excluir de la lista de la izquierda y presionar el botón > para añadirla a la lista de exclusión.
Ahora, cuando pruebe la pantalla o ejecute Atomic.exe, la lista solo contendrá juegos de plataforma.
De este modo, puede crear sus listas de juegos personalizadas como desee.
08.- Crear una Jerarquía de Pantallas
Ahora, cuando iniciamos Atomic, llegamos a una lista de juegos en la que se muestran los juegos de Plataforma. Sin embargo una buena idea sería por ejemplo iniciar una pantalla que muestre los juegos por categorías (Plataformas, Conducción, Disparos, etc...) y después cuando seleccionemos la categoría aparezca la pantalla correspondiente.
Lo hariamos de la siguiente forma:
Por ahora únicamente tenemos una pantalla que muestra una plataforma y por tanto necesitaremos crear otras pantallas. Para este tutorial crearemos una pantalla que muestre los juegos de Conducción y otra para los juegos de Disparos.
Así que rehacemos el Paso 3 de este tutorial y el Paso 7 para crearnos 2 pantallas nuevas.
Ponga como nombre a su pantalla conducción: Juegos de Conducción, y como filtro en el cuadro de diálogo de la lista de juegos utilice
(genre)[Driving]
Ponga como nombre a su pantalla disparo: Juegos de Disparos, y como filtro en el cuadro de diálogo de la lista de juegos utilice
(genre)[Shooter]
Al final, debería tener en Atomic Studio algo como:
http://www.atomicfe.com/EN2/doc/_images/13.jpg
No olvide probar sus nuevas pantallas utilizando el menú Test Screen para asegurarse de que funciona.
En este punto, tenemos 3 Pantallas independientes sin vincular. ¿Qué sería necesario ahora? Una pantalla que nos permitiera elegir entre esas Pantallas.
Así que, hacemos clic otra vez sobre el botón New Screen , pero esta vez elegimos: a menu to select emulator or categories or album
http://www.atomicfe.com/EN2/doc/_images/14.jpg
Una vez haga clic sobre el botón OK Atomic le solicitará un Layout (skin) y Screen Orientation.
Por ahora déjelo como está, y simplemente haga clic en OK.
http://www.atomicfe.com/EN2/doc/_images/15.png
Después de haber hecho clic sobre OK, su nueva Selection Screen aparecerá en la lista de la izquierda.
http://www.atomicfe.com/EN2/doc/_images/16.jpg
En este punto tenemos todo lo que necesitamos para construir nuestra primera jerarquía.
Sin embargo primero necesitamos quitar nuestra primera Pantalla de la Jerarquía, porque sólo podemos añadir Pantallas a la Jerarquía debajo de una Pantalla de Selección, no debajo de una Lista de Juegos.
Para quitar una Pantalla de la Jerarquía, simplemente hay que hacer clic con el botón derecho sobre la Pantalla de la Jerarquía (lista de la derecha), y seleccionar remove screen from hierarchy.
http://www.atomicfe.com/EN2/doc/_images/17.jpg
Una vez que haya quitado la pantalla, ponga en primer lugar de la jerarquía Selection Screen utilizando Arrastrar y Soltar.
Después, utilice otra vez arrastrar y soltar para poner otras Pantallas debajo de la Selection Screen (suelte solo sobre la pantalla que quiera poner encima de Selection screen en la jerarquía).
Finalmente debe obtener algo como:
http://www.atomicfe.com/EN2/doc/_images/18.jpg
Haga clic sobre el botón Activate & Run , para ver el resultado en Atomic.
Para "entrar" en una categoría, pulse o bien la tecla 1 o bien la tecla Return . Una vez se encuentre sobre la lista de juegos, si desea volver atrás pulse o bien la tecla 2 o bien la tecla Retroceso.
Verá que todavía no es perfecto. En primer lugar nuestra "Plataforma" se llama "Arcade Games" la imagen final no ilustra las categorías. Eso lo vamos arreglar en los pasos siguientes.
09.- Cambiar el Nombre para Mostrar
Nuestra configuración muestra "Arcade Games" en lugar de "Juegos de plataforma", así que esto es lo que haremos para cambiarlo.
El lugar donde vemos "Arcade Games" en vez de "Juegos de Plataforma" cuando se ejecuta Atomic es sobre Pantalla de Selección.
Asi que tenemos que cambiar los nombres para mostrar para la Pantalla de Selección no para la pantalla "Arcade Games".
Con el botón derecho haga clic sobre Select Category Screen en la jerarquía y elija la opción Change Display Name.
http://www.atomicfe.com/EN2/doc/_images/19.jpg
Se abrirá el cuadro de diálogo Display Names Editor.
Aparecerá la lista de todas las pantallas de su proyecto (no sólo la que hay en la jerarquía).
Localice el apartado “Arcade Games”, y cambie el nombre que se muestra por “Juegos de Plataforma” simplemente escribiendo en la columna.
http://www.atomicfe.com/EN2/doc/_images/20.png
Después haga clic en Guardar.
Cuando el Display Names Editor se cierra, no hay nada cambiado en la jerarquía. No espere ver aquí renombrada la pantalla “Arcade Games”. Esto no es lo que hemos hecho aquí, sólo se ha cambiado el Nombre para Mostrar, no el Nombre de Pantalla.
Si quiere ver el resultado: Ejecute Atomic.exe o haga clic sobre el botón Activate & Run . Ahora leerá “Juegos de Plataforma” donde se mostraba “Arcade Games” .
10.- Vincular Imágenes a las Pantallas
Si lo desea, puede asociar una imagen a cada pantalla para ilustrar las categorías.
En general para cada lista de juegos, una captura de pantalla ilustra cada juego. Esto puede hacerlo automáticamente Atomic, buscando una captura de pantalla que tenga el mismo nombre que el juego en el directorio SNAP que defina en las Propiedades de Pantalla.
Para la Pantalla de Selección es un poco diferente porque no se muestra en realidad la lista de rom para la lista de pantallas. Así que tenemos que asociar una imagen para una pantalla. Se procederá de la siguiente forma:
Seleccione cada pantalla a la que desea asociar imagen, haga clic con el botón derecho, y seleccione Associate Image
http://www.atomicfe.com/EN2/doc/_images/21.jpg
Atomic le preguntará qué imagen desea asociar con la pantalla.
http://www.atomicfe.com/EN2/doc/_images/22.jpg
Haga esto para todas sus pantallas. Después ejecute Atomic.exe o presione el botón Activate & Run para ver el resultado.
11.- Cambiar el Diseño de Pantalla (skin)
Hasta ahora, cuando construíamos nuestra pantalla manteníamos el diseño predeterminado. Sin embargo tiene la posibilidad de personalizar sus pantallas como desee.
Para cambiar la piel (skin) de una pantalla, hay dos maneras de hacerlo. Una es la opción de menú emergente Properties . La otra es la opción del mismo menú Define Layout folder .
Vamos hacerlo utilzando Define Layout folder.
Haga clic con el botón derecho sobre la pantalla a la que quiera cambiar el layout, y elija Define Layout folder.
http://www.atomicfe.com/EN2/doc/_images/23.jpg
Aparecerá el cuadro de diálogo Layout Folder. Haga clic sobre el botón ... y a continuación sobre el campo Layout Directory.
http://www.atomicfe.com/EN2/doc/_images/24.png
Se abre el cuadro de diálogo Select a Layout. Seleccione un diseño de la lista, y después haga clic en Select
http://www.atomicfe.com/EN2/doc/_images/25.png
Vuelva sobre el cuadro de diálogo Layout Folder, le notificará que la ruta al directorio de diseños ha cambiado.
La mayoría de los diseños muestran una lista y una instantánea, pero algunos diseños muestran más cosas como la marquesina, el folleto, la foto del mueble, el título, etc...
El diseño necesita saber dónde encontrar las imágenes que se han de mostrar. Ese es el cometido del otro campo en esta pantalla. Normalmente depende del diseño que utilice.
Por ejemplo, si ha elegido un diesño que muestre una lista de dibujos en lugar de la lista de texto clásica, tendrá que completar el campo List Image Directory, de lo contrario Atomic no le mostrará la imagen en su lista.
Por ahora, déjelo como esta, haga clic en OK y pruebe su pantalla o arranque su proyecto, para ver el resultado. Si cree que alguna imagen no está en el diseño, la causa podría ser que otra carpeta como custom1, custom 2 o que una lista de dibujos, debiera completarse también.
Una buena manera de saber si se ha completado, es utilizar el menú Check Screen de su pantalla. De hecho el procedimiento de verificación de pantalla analiza el diseño que haya elegido y comprueba la existencia de carpetas. Por ejemplo, si después de un Check Screen obtiene:
http://www.atomicfe.com/EN2/doc/_images/06.png
Puede deducir que su diseño utiliza el objeto custom1. Por tanto debería rellenar el campo Custom 1 Directory del cuadro de diálogo Layout folder.
12.- Instalación de un Diseño Nuevo
Cuando esté en el cuadro de diálogo para seleccionar un diseño, sólo le aparecerán unos pocos. Estos son los diseños que se encuentran en la Biblioteca de Diseños de Atomic.
Sin embargo, es posible que desee utilizar otro diseño que haya hecho (utilizando AtomicLayoutEditor) o uno que haya descargado del sitio web de Atomic.
Para poder utilizarlo, en primer lugar tiene que importarlo a Atomic Studio.
Si ha descargado un diseño de un sitio web, por lo general suelen ser archivos .ZIP ó .RAR. Están comprimidos, y por lo tanto, primero hay que descomprimirlos.
Busque en la carpeta que hay en el interior el archivo Layout.cfg.
A continuación en AtomicStudio, en el menú seleccione Project y después Import Layout.
http://www.atomicfe.com/EN2/doc/_images/26.jpg
Cuando haga clic sobre Import Layout, Atomic le solicitará una carpeta. Navegue hasta la carpeta donde esté ubicado el archivo Layout.cfg, y presione OK.
http://www.atomicfe.com/EN2/doc/_images/27.png
Atomic importará el diseño a su biblioteca, dependiendo del diseño esta operación puede tomar unos segundos. Una vez hecho, el diseño importado podrá seleccionarse en el cuadro de diálogo Select a Layout (ver el Paso 11 del tutorial).
Observará que un botón Import Layout se nos presenta directamente sobre el cuadro de diálogo Select a Layout y tiene el mismo efecto.
(http://javascript%3cb%3e%3c/b%3E:;)