Importació d'Actius | hyperPad Documentation

Loading...

Logo

Aquest article cobrirà les diferents maneres d'importar actius a hyperPad. Per veure els diferents tipus d'actius que podeu importar, consulteu l'article "Tipus d'Actius Compatibles".

La manera més ràpida d'importar és Llançant la Biblioteca d'Actius i escollint l'opció "Importar" del menú esquerre. Això us demanarà que trieu el tipus d'actiu que voleu importar.

IMG_0348.PNG

Importació de Gràfics:

Si voleu importar només un gràfic estàndard sense animacions, seleccioneu l'opció de gràfics de la finestra emergent d'importació.

Se us demanarà que trieu entre les fonts disponibles per importar.

Hyperpad_Beta_Import_Guide_-_Graphics_v2_html_m6fb1d9de.png

Camera Roll importarà imatges directament de la biblioteca d'imatges del dispositiu (a l'app Fotos). Això inclou qualsevol foto que feu amb la càmera, importades d'aplicacions de tercers, o descarregades a través del navegador web.

Fitxers us permet accedir a l'app "Fitxers" i fer servir aquesta per navegar per gràfics. L'app Fitxers també us dóna accés a iCloud Drive i altres fonts de tercers que s'integren amb l'app Fitxers d'Apple. (com Dropbox, Google Drive i Skydrive)

Dropbox us dóna accés a la vostra biblioteca de Dropbox. Per usar Dropbox amb hyperPad, primer heu d'enllaçar el vostre compte i donar permís a hyperPad per accedir als vostres fitxers. Això es demanarà automàticament la primera vegada que intenteu importar des de Dropbox.

Un cop seleccioneu una font, podreu navegar amb l'explorador de fitxers i trobar la imatge que voleu importar.

Desactivació SD+HD

Probablement notareu l'interruptor Importar SD+HD a la part superior dreta de la finestra d'importació. Per defecte, això està desactivat. Quan està desactivat, no cal que us preocupeu per necessitar una resolució estàndard i alta per a les imatges que importeu. Amb aquest interruptor desactivat, hyperPad assumeix que totes les imatges importades són "HD". Simplement importeu una imatge d'alta qualitat i hyperPad crearà automàticament la definició estàndard per a vosaltres. Això significa que, quan la vostra app s'utilitzi en un dispositiu diferent (com ara dispositius Apple més antics que no tenen pantalles Retina), utilitzarà automàticament les imatges de menor qualitat.

Si, però, desitgeu afegir les imatges de doble resolució vosaltres mateixos, podeu activar l'interruptor. Amb l'interruptor activat, haureu de tenir la imatge en dues resolucions diferents (Ex. 1024X 1024 per a SD i 2048x2048 per a HD). El nom del fitxer de la imatge HD també ha de acabar amb “-hd”.

Hyperpad_Beta_Import_Guide_-_Graphics_v2_html_m74780884.png

Nota: Si us plau, recordeu que la mida màxima d'imatge que permet hyperPad és 2048x2048. En importar gràfics, hyperPad pot utilitzar qualsevol fitxer d'imatge compatible amb iOS. El format recomanat per als gràfics és PNG, ja que també pot gestionar gràfics transparents.

Importació d'Animacions:

En hyperPad hi ha 2 mètodes principals d'importació d'animacions. 1) Crear animacions durant la importació, i 2) Importar una spritesheet.

IMG_158177A88DEB-1.jpeg

Creant Animacions:

Aquest primer mètode d'importació d'animacions, crearà una seqüència d'animació per a vosaltres mentre imputeu cada fotograma d'animació.

Seleccioneu Crear Animació. Això obrirà la finestra d'importació de fonts. Aquí podeu seleccionar entre les fonts disponibles per a les vostres importacions; Camera Roll, Fitxers i Dropbox.

Nota: Aquest mètode no té l'interruptor Importar SD+HD. Això és perquè en usar aquest mètode per importar els fotogrames d'animació, hyperPad crearà automàticament una spritesheet en HD i SD per a vosaltres.

Així que assegureu-vos que cada fotograma d'imatge és la màxima resolució que teniu, i que cada fotograma té exactament la mateixa mida amb l'objecte centrat. Si l'objecte no està centrat i cada fotograma és d'una mida diferent, la vostra animació no es reproduirà correctament.

També assegureu-vos que la suma total de fotogrames no excedeixi 2048x2048 píxels. Això significa que si teniu una animació de 16 fotogrames, cada gràfic de fotograma no pot excedir els 128*128 píxels.

Després de seleccionar d'on desitgeu importar les vostres imatges, navegueu fins al fitxer on teniu les imatges guardades i obriu-lo. Allà, podeu seleccionar les imatges que voleu tocant-les.

Hyperpad_Import_Guide_-_Animations_v2_html_m488fbc2b.png

Ara, seleccioneu cada imatge, assegureu-vos que tinguin els noms correctes per tal d'importar-les en l'ordre correcte. Aquestes imatges es convertiran en els nostres fotogrames de l'animació. Un cop seleccionades, toqueu fet per importar. Se us demanarà que doneu nom a l'animació un cop la importació estigui completa.

Hyperpad_Import_Guide_-_Animations_v2_html_6ae05a1e.png

Podeu previsualitzar l'animació per assegurar-vos que funciona correctament, tocant i mantenint el dit damunt del nou actiu animat creat a la biblioteca. Això obrirà el Menú d'Actius. Seleccioneu Previsualitzar animació per reproduir la seqüència d'animació.

Hyperpad_Import_Guide_-_Animations_v2_html_m3d21a54c.png

Importar Sprite Sheet:

Aquest segon mètode és una mica més complex i depèn d'altres eines. Normalment, dóna els millors resultats. Aquest mètode requereix la creació d'una spritesheet i un fitxer de dades plist acompanyant. Qualsevol programa que pugui generar fitxers compatibles amb Cocos2D funcionarà. Recomendem TexturePacker per això. El programa es pot descarregar gratuïtament aquí: https://www.codeandweb.com/texturepacker

Un cop la vostra spritesheet i dades plist hagin estat creades, seleccioneu Importar Sprite Sheet del menú d'importació d'animacions.

Com amb altres actius, se us demanarà amb una font d'importació. Teniu en compte que per a spritesheets no podeu importar des de Camera Roll. Això és perquè les spritesheets requereixen un fitxer de dades PLIST al costat de la imatge de la spritesheet.

Seleccioneu la vostra font desitjada i navegueu fins on teniu els fitxers emmagatzemats.

Hyperpad_Import_Guide_-_Animations_v2_html_752f55d.png

Un cop hàgiu trobat els vostres fitxers, simplement toqueu-los per seleccionar-los i després toqueu fet a la part superior dreta per començar a importar.

Nota: Heu de seleccionar tant la imatge de la spritesheet com el fitxer de dades plist, o rebreu un error. A més, si l'opció Importar SD+HD està activada, heu de seleccionar 4 fitxers. Una imatge SD i HD, i un fitxer plist SD i HD.

Importació de Partícules

La importació de partícules funciona de la mateixa manera que la importació d'una spritesheet d'animació. Com les spritesheets, les partícules estan composades de 2 fitxers. Tenim el gràfic de partícules i un fitxer de metadades PLIST que conté els paràmetres d'efectes de partícules. Per tant, quan seleccioneu i importeu el vostre efecte de partícules, heu de seleccionar ambdós fitxers. Teniu en compte que les partícules poden ser força exigents en recursos, així que el gràfic de les partícules hauria de ser relativament petit. Normalment suggerim no superar 64x64 píxels per a una partícula HD.

Una vegada més, similar als gràfics i les animacions, l'interruptor SD+HD existeix.

Podeu utilitzar qualsevol aplicació de creació de partícules que exporti un sistema de partícules compatible amb Cocos2D.

Importació de Música i Efectes de So

Importar sons i música a hyperPad és molt senzill. Obriu el menú Importar Actius i aquesta vegada, seleccioneu Música i So per a les opcions dels tipus d'actius a importar.

A partir d'aquí, podeu importar fitxers d'àudio de la vostra biblioteca d'iTunes, de l'aplicació Fitxers i de Dropbox.

Un cop hàgiu seleccionat la vostra font d'importació, simplement navegueu pels fitxers d'àudio que voleu importar, seleccioneu-los i toqueu fet. Com abans, podeu importar diversos fitxers alhora.

hyperPad pot reproduir tots els formats d'àudio compatibles amb iOS. Per a una llista completa de fitxers compatibles, consulteu la Biblioteca de Desenvolupadors d'iOS aquí: https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/MultimediaPG//UsingAudio/UsingAudio.html

Importació de Fonts

Amb les fonts hi ha dues opcions. BMFonts i fonts TTF.

BM Font significa font Bitmap. BMFonts, normalment tenen una qualitat més baixa però ofereixen avantatges de rendiment. BMFonts són ideals per a situacions on teniu molts objectes a la pantalla i en situacions on el vostre text canviï constantment. Similar a les Partícules i les animacions de spritesheet, els BMFonts requereixen un PNG (amb cada caràcter) i un fitxer de dades FNT. hyperPad pot suportar qualsevol generador de BMFonts que funcioni amb cocos2D. Un exemple és BMGlyph.

En importar fonts BM, només podeu importar des de Dropbox. Així que assegureu-vos que teniu un compte de Dropbox enllaçat i obert. Navegueu fins on teniu els fitxers de la font desats.

Hyperpad_Beta_Import_Guide_-_Fonts_v2_html_7650b467.png

Navegueu fins on s'emmagatzemen els vostres fitxers bmfont, seleccioneu els fitxers i toqueu fet (teniu en compte que la imatge a continuació mostra 4 fitxers seleccionats perquè l'interruptor SD/HD està activat).

Hyperpad_Beta_Import_Guide_-_Fonts_v2_html_m6075d99b.png

TTF significa True Type Font i és el format més comú i, al descarregar fonts en línia, probablement serà el tipus de fitxer que rebreu. Les Fonts TTF tenen una qualitat molt més alta i no es pixelabilitzaran quan es mostrin en cap dispositiu. Tanmateix, aquesta qualitat superior ve amb un cost de rendiment. Les Fonts TTF s'utilitzen sovint per a situacions en què hi ha petites quantitats de text, com etiquetes. A diferència dels BMFonts, només hi ha un sol fitxer ttf del qual ocupar-se.

Importar fonts de tipus TTF és un procés similar a altres actius, però teniu algunes fonts d'importació més.

Hyperpad_Beta_Import_Guide_-_Fonts_v2_html_72f31011.png

Importar una font de Dropbox o de l'aplicació Fitxers és similar a altres actius. Simplement navegueu fins on es troba la font i seleccioneu-la.

Hyperpad_Beta_Import_Guide_-_Fonts_v2_html_m1c323820.png

hyperPad també és capaç d'accedir als Fonts del Sistema inclosos com a part d'iOS del vostre iPad. Per importar una d'aquestes fonts, seleccioneu Fonts del Sistema sota la Font d'Importació.

Se us presentarà una llista extensa de fonts per triar-ne una, i us donaran una petita vista prèvia de com apareixeran. Si teniu una font específica en ment, podeu saltar a la seva alfabèticament tocant una de les lletres a la dreta. Quan trobeu una font que us agradi, simplement toqueu-la i després toqueu fet.

Hyperpad_Beta_Import_Guide_-_Fonts_v2_html_mf22bb5b.png

Importació des d'Altres Apps:

hyperPad pot importar contingut d'aplicacions de tercers. Si esteu utilitzant una aplicació que pot exportar/compartir amb altres aplicacions mitjançant el diàleg "Obrir a", llavors podeu importar un actiu compatible a hyperPad.

Un cop hagueu triat exportar el vostre actiu a hyperPad, se us demanarà una finestra per seleccionar quin projecte voleu que s'importi l'actiu.

Després que la importació sigui exitosa, el vostre actiu es trobarà a la Biblioteca d'Actius.