Share
El segundo tutorial de esta serie de tres partes comenzó con "Geometría del juego", que se centró en los aspectos geométricos subyacentes del juego, y también comenzó a mostrar los pasos necesarios para construir el juego en el Editor ShiVa. Este último tutorial continuará donde se detuvieron los pasos anteriores de ShiVa Editor. A continuación, mostrará cómo exportar el juego a las plataformas iOS o Android..
Este tutorial continuará la discusión iniciada en la sección anterior titulada "Desarrollando rompecabezas con el Editor ShiVa". Aquí, describiremos la importación de los componentes de HUD y los ajustes finales en el progreso del juego hasta el momento. Luego, concluiremos la sección "Desarrollando rompecabezas con el Editor ShiVa" a través de una prueba de unidad. En la sección "Herramienta de creación", mostraremos cómo utilizar la Herramienta de creación ShiVa para convertir el Puzzle en dos aplicaciones diferentes, una para el sistema operativo Android y otra para el iPad. Terminaremos la serie en la sección titulada "Conclusiones"..
Ahora, importaremos los componentes de HUD, incluidas las fuentes, los botones, las etiquetas, etc. Vaya a su directorio local donde almacenó el archivo de descarga que acompaña a este artículo. Selecciona PuzzleHUD.ste y presiona Importar. Cuando se complete la importación, deberías ver Bell_Gothic_Std_Light y Arial_Unicode_MS en el Explorador de datos en Rompecabezas - Recursos - Fuentes.
Además, en el Explorador de datos en Rompecabezas - Recursos - Texturas, verá las texturas llamadas Bell_Gothic_Std_Light y Arial_Unicode_MS.
Al mismo tiempo, debería ver los componentes de HUD importados a través de PuzzleHUD.ste. Primero, en Rompecabezas - Recursos - HUD, observa que tienes PuzzleHUD.
En segundo lugar, muestre el Editor de HUD y el Explorador de datos de lado a lado. En Data Explorer, haga doble clic en PuzzleHUD, que se encuentra en Puzzle - Recursos - HUD. En el Editor de HUD, verás lo siguiente.
Si se desplaza hacia abajo en el Editor de HUD, debería verse así:
A continuación se ofrece una breve explicación de los componentes de HUD. Para obtener más detalles, consulte la sección "Pantalla de visualización frontal" en el segundo tutorial de esta serie..
Accentsconagua
Fondo, Hora y Barra de herramientas son las etiquetas para el color de fondo, el temporizador y la barra de herramientas.p11 mediante p69 son las etiquetas que representan las piezas del rompecabezas.Reiniciar, Resolver y Iniciar pausa son los botones con etiquetas "Nuevo", "Resolver" y "Iniciar" (o "Pausa", según el estado), respectivamente.reiniciarAcción, resolverAcción y startPauseAction son las acciones activadas al presionar Reiniciar, Resolver y Iniciar pausa, respectivamente.Habiendo importado todos los recursos necesarios, ahora realizaremos algunos ajustes. Aparece el Editor de juegos y el Explorador de datos de lado a lado. En Data Explorer, en Puzzle - Juegos, haga doble clic en Puzzle. El editor de juegos ahora debería tener cargado el juego de rompecabezas. Observe que la sección AIs principal del usuario está vacía en la pestaña Principal.
En el Explorador de datos, en Rompecabezas - Recursos - AIModels, seleccione PuzzleAI. Arrástrelo y suéltelo en la sección "IA principal del usuario" en el Editor del juego, en la pestaña Principal. La sección de AIs principales del usuario ahora tiene PuzzleAI listado.
En el editor de juegos, haga clic en la pestaña Recursos. Se verá vacío. En Data Explorer, en Puzzle - Recursos - HUD, seleccione PuzzleHUD y luego arrástrelo y suéltelo en la sección Recursos en Game Editor. Del mismo modo, en el Explorador de datos, en Puzzle - Recursos - SoundBanks, seleccione PuzzleSoundBank y arrástrelo y suéltelo en la sección Recursos. La pestaña de recursos debería verse así..
En el Explorador de datos, en Rompecabezas - Recursos - Texturas, seleccione las texturas p11 a p69 y arrástrelas y suéltelas en la sección Recursos del Editor de juegos. La pestaña de recursos debería verse así..
Ahora estamos listos. Para probar nuestro juego, haga clic en el botón Vista previa en la barra de herramientas del Editor ShiVa. En el menú, seleccione Pantalla> Tamaño> iPad> 768x1024.
Además, desde el menú, seleccione Pantalla> Modo de vista> Tiempo de ejecución.
Ahora, en el menú, pulse Play. Deberías ver el comienzo del juego.
Ahora, puedes jugar el juego con clics del ratón emulando eventos táctiles en la pantalla.
En esta sección, analizaremos cómo exportar el juego desde ShiVa Editor para importar a ShiVa Authoring Tool..
En el Explorador de datos, en Rompecabezas - Recursos - Juego, seleccione Rompecabezas y en el menú del botón derecho seleccione Exportar juego.
Para el campo "Nombre de exportación", escriba Puzzle. Elija una carpeta local para generar el archivo de exportación (por ejemplo, C: \ exports \). Asegúrate de seleccionar también "Runtime Package (.stk)" y Android.
Finalmente, presione Exportar. Si va a exportar un archivo por primera vez desde un proyecto, puede tardar varios minutos en completarse. Cuando la exportación se haya completado, puede presionar OK para cerrar el cuadro de diálogo.
Exportar para iOS es muy similar. En el Explorador de datos, en Puzzle - Recursos - Juego, seleccione Puzzle y en el menú del botón derecho, seleccione Exportar juego. Para el campo "Nombre de exportación", escriba Puzzle. Elija una carpeta local para generar el archivo de exportación (por ejemplo, C: \ exports \). Asegúrese de seleccionar también "Runtime Package (.stk)" e iOS (Nota: si tiene la intención de usar la misma carpeta y exportar nombres de archivos para las exportaciones del sistema operativo Android y iOS, asegúrese de que esas exportaciones no se sobrescriban).
Finalmente, presione Exportar. Cuando se haya completado la exportación, puede presionar OK para cerrar el cuadro de diálogo.
Debido a consideraciones de espacio, no proporcionamos una revisión explícita del código para la aplicación Puzzle. Todas las funciones y manejadores que vienen como parte de PuzzleAI.ste tienen comentarios detallados para describir su funcionalidad particular. El lector interesado se refiere a esos scripts para obtener más detalles del código.
Hemos desarrollado el juego de rompecabezas sin escribir ningún código específico para las plataformas iOS o Android. Ahora usaremos la herramienta de creación ShiVa para convertir el Puzzle en dos aplicaciones diferentes, una para el sistema operativo Android y otra para el iPad..
Para seguir las instrucciones a continuación, necesitará ios-icon-72-72.png, ios-splash-768-1024.png, android-icon-48-48.png y android-splash-480-800.png que Son parte del archivo de descarga que acompaña a este artículo..
Presente la herramienta de autor ShiVa. Seleccione la pestaña de Android. Presione la flecha debajo de 'O comience ahora ...'.
Se muestra el paso 1 de la herramienta de creación. Para el "Paquete de aplicaciones", seleccione de su sistema de archivos el archivo Puzzle.stk exportado desde el Editor ShiVa para Android. Para "Icono", seleccione el android-icon-48-48.png, que forma parte del archivo fuente que acompaña a este artículo. Para "Pantalla de inicio", seleccione el archivo android-splash-480-800.png que también forma parte del archivo fuente que acompaña a este artículo. Observe que la herramienta de creación ShiVa muestra una vista previa de los archivos de imagen especificados en las selecciones "Icono" y "Pantalla de inicio". Presiona "Paso 2: Creación" en la parte superior de la pantalla.
Se muestra el paso 2 de la herramienta de creación. Aquí, crearemos un archivo ejecutable de Android que se puede instalar directamente en un dispositivo Android. Seleccione "Tipo de creación" como "Paquete APK" (si desea que se cree un proyecto de Eclipse en lugar de un ejecutable, seleccione "Proyecto" en su lugar. La opción Proyecto no se ha probado en este artículo). Para "Identificador de paquete", ingrese com.shiva3d.test. Deje que "Versión" y "Código de versión" sean 1.0.0 y 1, respectivamente. Presiona "Paso 3: Construir" en la parte superior de la pantalla.
Se muestra el paso 3 de la herramienta de creación. Seleccione "Tipo de compilación" como "Desarrollo". Como me gustaría instalar el Puzzle en mi dispositivo Android como parte de la compilación, he marcado la casilla de verificación "Instalar en dispositivo conectado".
Para que esa opción funcione, debe haber completado los pasos en "Preparar el dispositivo Android para la instalación" a continuación. Si la casilla de verificación "Instalar en dispositivo conectado" no está marcada, la herramienta de creación creará el ejecutable de Android para la aplicación Puzzle en la "Carpeta de salida", que se puede instalar más adelante con la herramienta ADB en Android.
Deje "Audio backend" en "Default". Seleccione "Soporte OS mínimo" como "Android 2.2 (nivel de API: 8)". Defina una carpeta de salida para que la herramienta de creación almacene los archivos que genera durante el proceso de construcción. Deje que la selección de "Escritura de compilación personalizada" permanezca como la opción "Sin secuencia de comandos". Presiona el botón Construir.
Tomará un tiempo completar la construcción. Una vez que se complete la compilación, verá una confirmación en la consola indicando que la compilación se completó correctamente.
Si ha seleccionado la opción "Instalar en un dispositivo conectado", en este punto la aplicación Puzzle se ha instalado en el dispositivo conectado. Independientemente de si esa opción se ha marcado o no, se ha creado un ejecutable de Android llamado Puzzle-debug.apk en la carpeta de salida que ha definido en el Paso 3.
Presente la herramienta de autor ShiVa. Seleccione la pestaña iPad. Presione la flecha debajo de "O comience ahora ...".
Se muestra el paso 1 de la herramienta de creación. Para el paquete de aplicaciones, seleccione de su sistema de archivos el archivo Puuzle.stk exportado desde ShiVa Editor para iOS. Para Icon, seleccione el ios-icon-72-72.png que es parte del archivo fuente que acompaña a este tutorial. Para la pantalla de inicio, seleccione el ios-splash-768-1024.png que también forma parte del archivo fuente que acompaña a este tutorial. Presiona Paso 2: Creación en la parte superior de la pantalla.
Se muestra el paso 2 de la herramienta de creación. Aquí, crearemos un proyecto de Xcode que se puede usar para construir e instalar la aplicación en su dispositivo iPad. Seleccione el tipo de autoría como proyecto. Para el identificador de paquete, ingrese com.shiva3d.test. Para el perfil de Provisión, proporcione el perfil de aprovisionamiento de desarrollo de Apple Provisioning Portal. Para la identidad de firma, proporcione el nombre del desarrollador (u organización) en el llavero asociado con el certificado en su máquina de desarrollo Mac OS. Deje que la versión sea 1.0.0. Presiona en el Paso 3: Construye sobre la pantalla.
Se muestra el paso 3 de la herramienta de creación. Seleccione Desarrollo como el tipo de compilación. Proporcione una carpeta de salida para que la herramienta de creación cree una carpeta de proyecto xCode. Por ejemplo, definimos la carpeta de salida como / Users / cocoderkatz / Desktop / tmpiPad. Luego, la herramienta de creación creará una carpeta llamada /Users/cocoderkatz/Desktop/tmpiPad/Puzzle_iPad.s3dxproj y copiará los archivos / carpetas del proyecto Xcode en esa carpeta. No cambie otras opciones. Presiona el botón Construir.
Una vez que se complete la compilación, verá un mensaje en la consola de que la herramienta de creación ha creado una carpeta de proyecto de Xcode y copiado los archivos relacionados en esa carpeta. Ahora, puede usar Xcode para construir y ejecutar el juego de rompecabezas en un dispositivo iPad como lo haría normalmente con otros proyectos de Xcode.
En este artículo, discutimos el desarrollo de juegos multiplataforma para tabletas Android y iPad utilizando la Suite ShiVa3D. Aunque principalmente para el desarrollo de juegos en 3D, ShiVa3D Suite también se puede usar para crear juegos en 2D. La aplicación de muestra que se estudia en este tutorial es un juego 2D que se construye utilizando elementos HUD (Head Up Display) de ShiVa3D..
res y res / drawable carpetas.