Importarea Activelor | hyperPad Documentation

Loading...

Logo

Acest articol va acoperi diferitele modalități de importare a resurselor în hyperPad. Pentru a vizualiza diferitele tipuri de resurse pe care le poți importa, consultă articolul "Tipuri de Resurse Suportate".

Cea mai rapidă modalitate de a importa este prin lansarea Bibliotecii de Resurse și alegerea opțiunii "Import" din meniul din stânga. Acest lucru te va întreba să alegi tipul de resursă pe care vrei să o imporți.

IMG_0348.PNG

Importarea Graficelor:

Dacă vrei să imporți doar o grafică standard fără animații, selectează opțiunea de grafică din fereastra de import.

Apoi, vei fi întrebat cu sursele disponibile din care să imporți.

Hyperpad_Beta_Import_Guide_-_Graphics_v2_html_m6fb1d9de.png

Camera Roll va importa imagini direct din biblioteca de imagini a dispozitivului (în aplicația Photos). Acesta include orice poze pe care le faci cu camera, importate din aplicații terțe sau descărcate prin browserul web.

Files permite accesarea aplicației "files" și folosirea acesteia pentru a căuta grafice. Aplicația Files îți oferă, de asemenea, acces la iCloud drive și alte surse terțe care se integrează cu aplicația Files de la Apple. (precum Dropbox, Google Drive și Skydrive)

Dropbox îți oferă acces la biblioteca ta Dropbox. Pentru a folosi Dropbox cu hyperPad, trebuie mai întâi să îți conectezi contul și să oferi hyperPad permisiunea de a accesa fișierele tale. Acest lucru va fi solicitat automat prima dată când încerci să imporți din Dropbox.

Odată ce selectezi o sursă, vei putea naviga cu browserul de fișiere și găsi imaginea pe care dorești să o imporți.

Comutator SD+HD

Probabil că vei observa comutatorul Import SD+HD în colțul din dreapta sus al ferestrei de import. În mod implicit, acesta este dezactivat. Atâta timp cât este dezactivat, nu trebuie să te îngrijorezi de necesitatea de a avea o rezoluție standard și una de înaltă definiție pentru imaginile pe care le imporți. Cu acest comutator dezactivat, hyperPad presupune că toate imaginile importate sunt "HD". Pur și simplu importă o imagine de înaltă calitate și hyperPad va crea automat definiția standard pentru tine. Asta înseamnă că, atunci când aplicația ta este folosită pe un alt dispozitiv (precum dispozitivele Apple mai vechi care nu au ecrane retina), se va folosi automat imaginile de calitate inferioară.

Dacă, totuși, dorești să adaugi tu însuți imaginile cu rezoluții duale, poți activa comutatorul. Cu comutatorul activat, va trebui să ai imaginea în două rezoluții diferite (ex. 1024X 1024 pentru SD și 2048x2048 pentru HD). Numele fișierului pentru imaginea HD trebuie să se termine cu "-hd".

Hyperpad_Beta_Import_Guide_-_Graphics_v2_html_m74780884.png

Notă: Te rugăm să reții că dimensiunea maximă a imaginii permisă de hyperPad este de 2048x2048. Atunci când imporți grafice, hyperPad poate utiliza orice fișier de imagine compatibil cu iOS. Formatul sugerat pentru grafice este PNG, deoarece acesta poate gestiona și grafice transparente.

Importarea Animațiilor:

În hyperPad există 2 metode principale de importare a animațiilor. 1) Crearea animațiilor la import și 2) Importarea unui spritesheet.

IMG_158177A88DEB-1.jpeg

Crearea Animațiilor:

Această primă metodă de importare a animațiilor va crea o secvență de animație pentru tine în timp ce importi fiecare cadru de animație.

Selectează Creare Animație. Aceasta va deschide Fereastra Sursei de Import. Aici poți selecta dintre sursele disponibile pentru import; Camera Roll, Files și Dropbox.

Notă: Această metodă nu are comutatorul de import SD+HD. Acest lucru se datorează faptului că atunci când folosești această metodă pentru a importa cadrele animației, hyperPad va crea automat un sprite sheet în HD și SD pentru tine.

Așadar, asigură-te că fiecare cadru de imagine are cea mai mare rezoluție pe care o ai și că fiecare cadru are exact aceeași dimensiune cu obiectul centrat. Dacă obiectul nu este centrat și fiecare cadru are o dimensiune diferită, animația ta nu va fi redată corect.

De asemenea, asigură-te că suma totală a cadrelor nu depășește 2048x2048 pixeli. Asta înseamnă că, dacă ai o animație de 16 cadre, fiecare cadru grafic nu poate depăși 128*128 pixeli.

După ce ai selectat de unde vrei să imporți imaginile, navighează la folderul în care ai salvat imaginile și deschide-l. Acolo, poți selecta imaginile dorite atingându-le.

Hyperpad_Import_Guide_-_Animations_v2_html_m488fbc2b.png

Acum, selectează fiecare imagine, asigură-te că sunt denumite corespunzător astfel încât să fie importate în ordinea corectă. Aceste imagini vor deveni cadrele animației noastre. Odată ce sunt selectate, apasă pe gata pentru a importa. Vei fi întrebat să denumești animația odată ce importul este finalizat.

Hyperpad_Import_Guide_-_Animations_v2_html_6ae05a1e.png

Poți previzualiza animația pentru a te asigura că funcționează corect, apăsând și ținând degetul pe resursa animată nou creată din bibliotecă. Aceasta va deschide Meniul Resurselor. Selectează Previziune animație pentru a reda secvența animației.

Hyperpad_Import_Guide_-_Animations_v2_html_m3d21a54c.png

Importarea Sprite Sheet:

A doua metodă este puțin mai complexă și se bazează pe alte instrumente. De obicei, aceasta oferă cele mai bune rezultate. Această metodă necesită crearea unui sprite sheet și a unui fișier de date plist însoțitor. Orice program care poate genera fișiere compatibile cu Cocos2D va funcționa. Recomandăm TexturePacker pentru aceasta. Programul poate fi descărcat gratuit de aici: https://www.codeandweb.com/texturepacker

Odată ce sprite sheet-ul și datele plist au fost create, selectează Importați Sprite Sheet din meniul de importare animație.

La fel ca și alte resurse, apoi vei fi întrebat de o sursă din care să imporți. Observă că pentru sprite sheets nu poți importa din Camera Roll. Acest lucru se datorează faptului că Sprite sheets necesită un fișier de date PLIST alături de imaginea sprite sheet.

Selectează sursa dorită și navighează la locul unde ai fișierele stocate.

Hyperpad_Import_Guide_-_Animations_v2_html_752f55d.png

Odată ce ai găsit fișierele tale, apasă-le pentru a le selecta, apoi apasă gata în colțul din dreapta sus pentru a începe importul.

Notă: Trebuie să selectezi atât imaginea sprite sheet, cât și fișierul de date plist sau vei primi o eroare. De asemenea, dacă comutatorul Import SD+HD este activat, trebuie să selectezi 4 fișiere. O imagine SD și HD, și un fișier plist SD și HD.

Importarea Particulelor

Importarea particulelor funcționează la fel ca importarea unei animații sprite sheet. Ca și sprite sheets, particulele sunt compuse din 2 fișiere. Ai graficul particulelor și un fișier de date PLIST care conține parametrii efectelor particulelor. Așadar, atunci când selectezi și imporți efectul tău de particule, trebuie să selectezi ambele fișiere. Ține cont că particulele pot fi destul de intensive din punct de vedere al resurselor, așa că graficul particulelor ar trebui să fie relativ mic. De obicei, sugerăm să nu depășești 64x64 pixeli pentru o particulă HD.

Odată încă, similar cu graficele și animațiile, comutatorul SD+HD există.

Poți folosi orice aplicație de creare de particule care va exporta un sistem de particule compatibil Cocos2D.

Importarea Muzicii și Efectelor Sonore

Importarea sunetelor și muzicii în hyperPad este destul de simplă. Deschide meniul Importă Resurse și de această dată, selectează Muzică & Sunet pentru opțiunile tipurilor de resurse de importat.

De aici, poți importa fișiere audio din biblioteca ta iTunes, din aplicația Files și din Dropbox.

Odată ce ai selectat sursa de import, pur și simplu navighează la fișierele audio pe care dorești să le imporți, selectează-le și apasă gata. Ca și înainte, poți importa mai multe fișiere deodată.

hyperPad poate reda toate formatele audio suportate de iOS. Pentru o listă completă a fișierelor compatibile, consultă Biblioteca pentru Dezvoltatori iOS aici: https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/MultimediaPG//UsingAudio/UsingAudio.html

Importarea Fonturilor

Cu fonturile există două opțiuni. BMFonts și fonturi TTF.

BM Font înseamnă font de tip Bitmap. BMFonts, au de obicei o calitate mai scăzută, dar oferă beneficii de performanță. BMFonts sunt excelente pentru situațiile în care ai multe obiecte pe ecran și în situațiile în care textul tău se schimbă constant. Similar cu Particulele și animațiile sprite sheet, BMFonts necesită un PNG (cu fiecare caracter) și un fișier de date FNT. hyperPad poate susține orice generator BMFont care funcționează cu cocos2D. Un exemplu este BMGlyph.

Când importi fonturi BM, poți importa doar din Dropbox. Așa că asigură-te că ai un cont Dropbox conectat și deschis. Navighează la locul unde ți-ai salvat fișierele de fonturi.

Hyperpad_Beta_Import_Guide_-_Fonts_v2_html_7650b467.png

Navighează la locul unde sunt stocate fișierele tale bmfont, apoi selectează fișierele și apasă gata (notează că imaginea de mai jos arată 4 fișiere selectate deoarece comutatorul SD/HD este activ).

Hyperpad_Beta_Import_Guide_-_Fonts_v2_html_m6075d99b.png

TTF înseamnă Font True Type și este cel mai comun format și, când descarci fonturi online, va fi probabil tipul de fișier pe care îl primești. Fonturile TTF au o calitate mult mai înaltă și nu au pixelare atunci când sunt afișate pe orice dispozitiv. Cu toate acestea, această calitate mai înaltă vine cu un cost de performanță. Fonturile TTF sunt adesea folosite pentru situații în care sunt cantități mici de text, cum ar fi etichetele. Spre deosebire de BMFonts, există doar un singur fișier ttf de gestionat.

Importarea fonturilor de tip TTF este un proces similar cu alte resurse, totuși ai câteva mai multe surse de import.

Hyperpad_Beta_Import_Guide_-_Fonts_v2_html_72f31011.png

Importarea unui font din aplicația Dropbox sau Files este similară cu alte resurse. Pur și simplu navighează la locul unde fontul este localizat și selectează-l.

Hyperpad_Beta_Import_Guide_-_Fonts_v2_html_m1c323820.png

hyperPad este, de asemenea, capabil să acceseze fonturile de sistem incluse în iOS pe iPad-ul tău. Pentru a importa unul dintre aceste fonturi, selectează Fonturi de Sistem sub Sursa de Import.

Vei fi întrebat cu o listă mare de fonturi din care să alegi și îți vor oferi o mică previzualizare a modului în care vor apărea. Dacă ai un font specific în minte, poți sări direct la el din punct de vedere alfabetic apăsând una dintre literele de pe dreapta. Când găsești un font care îți place, pur și simplu apasă-l și apoi apasă gata.

Hyperpad_Beta_Import_Guide_-_Fonts_v2_html_mf22bb5b.png

Importarea din Alte Aplicații:

hyperPad poate importa conținut din aplicații terțe. Dacă folosești o aplicație care poate exporta/partaja cu alte aplicații folosind dialogul "Open In", atunci poți importa un asset compatibil în hyperPad.

Odată ce ai ales să exporți assetul tău către hyperPad, vei fi întrebat cu o fereastră pentru a selecta proiectul în care dorești să fie importat assetul.

După ce importul a fost reușit, assetul tău va fi situat în Biblioteca de Resurse.