Importando Recursos
Este artículo cubrirá las diferentes formas de importar activos a hyperPad. Para ver los diferentes tipos de activos que puedes importar, consulta el artículo "Tipos de Activos Soportados".
La forma más rápida de importar es lanzando la Biblioteca de Activos y eligiendo la opción "Importar" del menú de la izquierda. Esto te pedirá que elijas el tipo de activo que deseas importar.
Importando Gráficos:
Si deseas importar solo un gráfico estándar sin animaciones, selecciona la opción de gráficos en la ventana emergente de importación.
Luego se te presentará con fuentes disponibles desde las cuales importar.
Camera Roll importará imágenes directamente desde la biblioteca de imágenes del dispositivo (en la aplicación Fotos). Esto incluye cualquier imagen que tomes con la cámara, importes de aplicaciones de terceros o descargues a través del navegador web.
Files te permite acceder a la aplicación "archivos" y utilizarla para buscar gráficos. La aplicación Archivos también te da acceso a iCloud Drive y otras fuentes de terceros que se integran con la aplicación Archivos de Apple. (como Dropbox, Google Drive y Skydrive)
Dropbox te da acceso a tu biblioteca de Dropbox. Para usar Dropbox con hyperPad, primero necesitas vincular tu cuenta y dar permiso a hyperPad para acceder a tus archivos. Esto se te pedirá automáticamente la primera vez que intentes importar desde Dropbox.
Una vez que seleccionas una fuente, podrás navegar con el explorador de archivos y encontrar la imagen que deseas importar.
Interruptor SD+HD
Probablemente notarás el interruptor Importar SD+HD en la parte superior derecha de la ventana de importación. Por defecto, esto está apagado. Mientras esté apagado, no necesitas preocuparte por necesitar resoluciones separadas estándar y de alta definición para las imágenes que importas. Con este interruptor apagado, hyperPad asume que todas las imágenes importadas son "HD". Simplemente importa una imagen de alta calidad y hyperPad creará automáticamente la definición estándar por ti. Esto significa que, cuando tu aplicación se use en un dispositivo diferente (como dispositivos Apple más antiguos que no tienen pantallas retina), automáticamente usará las imágenes de menor calidad.
Si, sin embargo, deseas agregar las imágenes de doble resolución tú mismo, puedes activar el interruptor. Con el interruptor encendido, deberás tener la imagen en dos resoluciones diferentes (Ej. 1024X 1024 para SD y 2048x2048 para HD). El nombre del archivo de la imagen HD también debe terminar con "-hd".
Nota: Por favor recuerda que el tamaño máximo de imagen que permite hyperPad es 2048x2048. Al importar gráficos, hyperPad puede usar cualquier archivo de imagen compatible con iOS. El formato sugerido para gráficos es PNG ya que también puede manejar gráficos transparentes.
Importando Animaciones:
En hyperPad hay 2 métodos principales de importar animaciones. 1) Crear animaciones al importar y 2) Importar una hoja de sprites.
Creando Animaciones:
Este primer método de importar animaciones creará una secuencia de animación para ti mientras importas cada fotograma de animación.
Selecciona Crear Animación. Esto abrirá la Ventana de Fuentes de Importación. Aquí puedes seleccionar entre las fuentes disponibles para tus importaciones; Camera Roll, Files y Dropbox.
Nota: Este método no tiene el interruptor de importación SD+HD. Esto se debe a que al usar este método para importar los fotogramas de animación, hyperPad creará automáticamente una hoja de sprites en HD y SD para ti.
Así que asegúrate de que cada fotograma de imagen sea la resolución más alta que tengas, y que cada fotograma tenga exactamente el mismo tamaño con el objeto centrado. Si el objeto no está centrado y cada fotograma tiene un tamaño diferente, tu animación no se reproducirá correctamente.
Además, asegúrate de que la combinación total de fotogramas no exceda los 2048x2048 píxeles. Esto significa que si tienes una animación de 16 fotogramas, cada gráfico de fotograma no puede exceder 128*128 píxeles.
Después de seleccionar de dónde deseas importar tus imágenes, navega a la carpeta donde tienes las imágenes guardadas y ábrela. Allí, puedes seleccionar las imágenes que deseas tocándolas.
Ahora, selecciona cada imagen, asegúrate de que estén nombradas correctamente para que se importen en el orden correcto. Estas imágenes se convertirán en los fotogramas de la animación. Una vez que estén seleccionadas, toca hecho para importar. Se te pedirá que nombres la animación una vez que se complete la importación.
Puedes previsualizar la animación para asegurarte de que funcione correctamente, tocando y manteniendo tu dedo en el nuevo activo animado creado en la biblioteca. Esto abrirá el Menú de Activos. Selecciona Previsualizar animación para reproducir la secuencia de animación.
Importar Hoja de Sprites:
Este segundo método es un poco más complejo y depende de otras herramientas. Sin embargo, generalmente brinda los mejores resultados. Este método requiere la creación de una hoja de sprites y un archivo de datos plist adjunto. Cualquier programa que pueda generar archivos compatibles con Cocos2D funcionará. Recomendamos TexturePacker para esto. El programa se puede descargar gratis aquí: https://www.codeandweb.com/texturepacker
Una vez que tu hoja de sprites y los datos plist hayan sido creados, selecciona Importar Hoja de Sprites desde el menú de importación de animaciones.
Al igual que con otros activos, se te pedirá que selecciones una fuente de importación. Observa que para las hojas de sprites no puedes importar desde Camera Roll. Esto se debe a que las hojas de sprites requieren un archivo de datos PLIST junto con la imagen de la hoja de sprites.
Selecciona tu fuente deseada y navega a donde tienes los archivos almacenados.
Una vez que hayas encontrado tus archivos, simplemente tócales para seleccionarlos y luego toca hecho en la esquina superior derecha para comenzar a importar.
Nota: Debes seleccionar tanto la imagen de la hoja de sprites como el archivo de datos plist o recibirás un error. Además, si el interruptor Importar SD+HD está activado, debes seleccionar 4 archivos. Una imagen SD y HD, y un archivo plist SD y HD.
Importación de Partículas
Importar partículas funciona de la misma manera que importar una animación de hoja de sprites. Al igual que las hojas de sprites, las partículas se componen de 2 archivos. Tienes tu gráfico de partículas y un archivo de datos PLIST que contiene los parámetros de efectos de partículas. Entonces, al seleccionar e importar tu efecto de partículas, debes seleccionar ambos archivos. Ten en cuenta que las partículas pueden ser bastante exigentes en cuanto a recursos, por lo que tu gráfico de partículas debe ser relativamente pequeño. Generalmente, sugerimos no exceder 64x64 píxeles para una partícula HD.
Una vez más, al igual que con gráficos y animaciones, existe el interruptor SD+HD.
Puedes utilizar cualquier aplicación de creación de partículas que exporte un sistema de partículas compatible con Cocos2D.
Importando Música y Efectos de Sonido
Importar sonidos y música en hyperPad es bastante simple. Abre el menú de Importar Activos y esta vez selecciona Música y Sonido para las opciones de tipos de activos para importar.
A partir de aquí, puedes importar archivos de audio de tu biblioteca de iTunes, aplicación Archivos y Dropbox.
Una vez que hayas seleccionado tu fuente de importación, simplemente navega a los archivos de audio que deseas importar, selecciona los y toca hecho. Al igual que antes, puedes importar múltiples archivos a la vez.
hyperPad puede reproducir todos los formatos de audio soportados por iOS. Para obtener una lista completa de archivos compatibles, consulta la Biblioteca de Desarrolladores de iOS aquí: https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/MultimediaPG//UsingAudio/UsingAudio.html
Importando Fuentes
Con las fuentes hay dos opciones. Fuentes BM y fuentes TTF.
BM Font significa fuente de bitmap. Las fuentes BM, típicamente tienen una calidad más baja pero ofrecen beneficios de rendimiento. Las fuentes BM son excelentes para situaciones donde tienes muchos objetos en pantalla y en situaciones donde tu texto está cambiando constantemente. Similar a las Partículas y animaciones de hoja de sprites, las fuentes BM requieren un PNG (con cada carácter) y un archivo de datos FNT. hyperPad puede soportar cualquier generador de fuentes BM que funcione con cocos2D. Un ejemplo es BMGlyph.
Al importar fuentes BM, solo puedes importar desde Dropbox. Así que asegúrate de tener una cuenta de Dropbox vinculada y abierta. Navega hasta donde tienes tus archivos de fuentes guardados.
Navega a donde están almacenados tus archivos bmfont, luego selecciona los archivos y toca hecho (nota: la imagen a continuación muestra 4 archivos seleccionados porque el interruptor SD/HD está activo).
TTF significa Fuente True Type y es el formato más común y al descargar fuentes en línea, probablemente sea el tipo de archivo que recibirás. Las fuentes TTF tienen una calidad mucho más alta y no presentan pixelación cuando se muestran en ningún dispositivo. Sin embargo, esta mayor calidad tiene un costo en rendimiento. Las fuentes TTF se utilizan a menudo en situaciones donde hay pequeñas cantidades de texto, como etiquetas. A diferencia de las fuentes BM, solo hay un único archivo ttf que manejar.
La importación de fuentes de tipo TTF es un proceso similar a otros activos, sin embargo, tienes algunas más fuentes de importación.
La importación de una fuente desde Dropbox o la aplicación Archivos es similar a otros activos. Simplemente navega a dónde está la fuente y selecciónala.
hyperPad también puede acceder a las Fuentes del Sistema incluidas en iOS de tu iPad. Para importar una de estas fuentes, selecciona Fuentes del Sistema debajo de la Fuente de Importación.
Se te presentará una lista grande de fuentes para elegir y te darán una pequeña vista previa de cómo aparecerán. Si tienes una fuente específica en mente, puedes saltar a ella alfabéticamente tocando una de las letras a la derecha. Cuando encuentres una fuente que te guste, simplemente tócala y luego toca hecho.
Importando desde Otras Aplicaciones:
hyperPad puede importar contenido de aplicaciones de terceros. Si estás utilizando una aplicación que puede exportar/compartir con otras aplicaciones utilizando el diálogo "Abrir en", entonces puedes importar un activo compatible a hyperPad.
Una vez que hayas elegido exportar tu activo a hypePad, se te pedirá que selecciones a qué proyecto deseas que se importe el activo.
Después de que la importación sea exitosa, tu activo estará ubicado en la Biblioteca de Activos.