Importera resurser | hyperPad Documentation

Loading...

Logo

Denna artikel kommer att täcka de olika sätten att importera tillgångar till hyperPad. För att se de olika typer av tillgångar som du kan importera, se artikeln "Stödda tillgångstyper".

Det snabbaste sättet att importera är genom att öppna Tillgångsbiblioteket och välja alternativet "Importera" från vänstermenyn. Detta kommer att uppmana dig att välja vilken typ av tillgång du vill importera.

IMG_0348.PNG

Importera grafik:

Om du vill importera en vanlig grafik utan animationer, välj grafikalternativet från importfönstret.

Du kommer då att bli uppmanad med tillgängliga källor att importera från.

Hyperpad_Beta_Import_Guide_-_Graphics_v2_html_m6fb1d9de.png

Kamerarulle importerar bilder direkt från enhetens bildbibliotek (i appen Bilder). Detta inkluderar alla bilder du tar med kameran, importerar från tredjepartsappar eller laddar ner via webbläsaren.

Filer gör att du kan få tillgång till "filer"-appen och använda den för att bläddra efter grafik. Filer-appen ger dig också tillgång till iCloud Drive och andra tredjeparts källor som integrerar med Apples Filer-app (som Dropbox, Google Drive och Skydrive).

Dropbox ger dig tillgång till ditt Dropbox-bibliotek. För att använda Dropbox med hyperPad måste du först länka ditt konto och ge hyperPad behörighet att få tillgång till dina filer. Detta kommer automatiskt att uppmanas första gången du försöker importera från Dropbox.

När du väljer en källa kommer du att kunna navigera med filutforskaren och hitta bilden som du vill importera.

SD+HD-växlare

Du kommer troligen att märka SD+HD-växlaren i det övre högra hörnet av importfönstret. Som standard är detta avstängt. När det är avstängt behöver du inte oroa dig för att behöva separata standard- och högupplösta bilder för de bilder du importerar. Med denna växlare avstängd antar hyperPad att alla importerade bilder är "HD". Importera helt enkelt en högkvalitativ bild så kommer hyperPad automatiskt att skapa standardupplösningen för dig. Detta betyder att, när din app används på en annan enhet (som äldre Apple-enheter som inte har retina-skärmar) kommer den automatiskt att använda lägre kvalitet bilder.

Om du däremot vill lägga till de dualupplösta bilderna själv kan du slå på växlarswitchen. Med switchen påslagen måste du ha bilden i två olika upplösningar (t.ex. 1024x1024 för SD och 2048x2048 för HD). HD-bildfilnamnet måste också sluta med "-hd".

Hyperpad_Beta_Import_Guide_-_Graphics_v2_html_m74780884.png

Obs: Kom ihåg att den maximala bildstorleken som hyperPad tillåter är 2048x2048. När du importerar grafik kan hyperPad använda vilken bildfil som helst som är kompatibel med iOS. Det föreslagna formatet för grafik är PNG eftersom det också kan hantera transparent grafik.

Importera animationer:

I hyperPad finns det 2 huvudmetoder för att importera animationer. 1) Skapa animationer vid import och 2) Importera ett spritesheet.

IMG_158177A88DEB-1.jpeg

Skapa animationer:

Den första metoden för att importera animationer skapar en animationssekvens åt dig när du importerar varje animationsram.

Välj Skapa animation. Detta öppnar fönstret Importeringskälla. Här kan du välja från de tillgängliga källorna för dina importer; Kamerarulle, Filer och Dropbox.

Obs: Denna metod har inte SD+HD-växlaren. Detta beror på att när man använder den här metoden för att importera animationsramar kommer hyperPad automatiskt att skapa ett spritesheet i HD och SD för dig.

Så se till att varje bildram har den högsta upplösning du har, och att varje ram är exakt samma storlek med objektet centrerat. Om objektet inte är centrerat och varje ram är en annan storlek kommer din animation inte att spela korrekt.

Se också till att de totalt kombinerade bilderna inte överstiger 2048x2048 pixlar. Detta betyder att om du har en 16-ramarsanimation kan varje ramgrafik inte överstiga 128x128 pixlar.

Efter att ha valt var du vill importera dina bilder ifrån, navigera till mappen där du har bilderna sparade och öppna den. Där kan du välja bilderna du vill genom att trycka på dem.

Hyperpad_Import_Guide_-_Animations_v2_html_m488fbc2b.png

Nu, välj varje bild, se till att de är namngivna korrekt så att de importeras i rätt ordning. Dessa bilder kommer att bli våra ramar för animationen. När de är valda, tryck på Klar för att importera. Du kommer att bli ombedd att namnge animationen när importen är färdig.

Hyperpad_Import_Guide_-_Animations_v2_html_6ae05a1e.png

Du kan förhandsgranska animationen för att säkerställa att den fungerar korrekt genom att trycka och hålla fingret på den nyss skapade animerade tillgången i biblioteken. Detta öppnar tillgångsmenyn. Välj Förhandsgranska animation för att spela animationssekvensen.

Hyperpad_Import_Guide_-_Animations_v2_html_m3d21a54c.png

Importera spritesheet:

Denna andra metod är lite mer komplex och beror på andra verktyg. Den ger vanligtvis de bästa resultaten. Denna metod kräver skapandet av ett spritesheet och en tillhörande plist-dat fil. Alla program som kan generera filer som är kompatibla med Cocos2D fungerar. Vi rekommenderar TexturePacker för detta. Programmet kan laddas ner gratis här: https://www.codeandweb.com/texturepacker

När ditt spritesheet och plist-data har skapats, välj Importera spritesheet från animationsimportmenyn.

Som med andra tillgångar blir du då tillfrågad med en källa att importera från. Observera att du inte kan importera från kamerarullen för spritesheets. Detta beror på att spritesheets kräver en PLIST-dat fil tillsammans med spritesheet-bildfilen.

Välj din önskade källa och navigera till var du har filerna lagrade.

Hyperpad_Import_Guide_-_Animations_v2_html_752f55d.png

När du har hittat dina filer, tryck på dem för att välja dem och tryck sedan på Klar i det övre högra hörnet för att påbörja importen.

Obs: Du måste välja både spritesheet-bilden och plist-datafilen, annars kommer du att få ett fel. Om SD+HD-växlaren är på, måste du också välja 4 filer. En SD- och HD-bild och en SD- och HD-plistfil.

Importera partiklar

Import av partiklar fungerar på samma sätt som att importera en spritesheet-animation. Liksom spritesheets, består partiklar av 2 filer. Du har din partikelfigur och en PLIST-metadatabas som innehåller partikelseffektens parametrar. När du väljer och importerar din partikeleffekt måste du välja båda filerna. Tänk på att partiklar kan vara ganska resurskrävande så din partikelfigur bör vara relativt liten. Vi rekommenderar vanligtvis att du inte går över 64x64 pixlar för en HD-partikel.

Återigen finns SD+HD-växlaren tillgänglig, precis som för grafik och animationer.

Du kan använda vilken partikel skapande app som helst som kan exportera ett Cocos2D-kompatibelt partikelsystem.

Importera musik & ljudeffekter

Att importera ljud och musik till hyperPad är ganska enkelt. Öppna menyn Importera tillgångar och välj den här gången Musik & ljud för att importera tillgångstyper.

Från och med här kan du importera ljudfiler från ditt iTunes-bibliotek, filer-appen och Dropbox.

När du har valt din importkälla, navigera helt enkelt till ljudfilerna du vill importera, välj dem och tryck på Klar. Som tidigare kan du importera flera filer på en gång.

hyperPad kan spela alla ljudformat som stöds av iOS. För en fullständig lista över kompatibla filer, kontrollera iOS Developer Library här: https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/MultimediaPG//UsingAudio/UsingAudio.html

Importera typsnitt

Med typsnitt finns det två alternativ. BMFonts och TTF-typsnitt.

BM Font står för Bitmap-font. BMFonts har vanligtvis en lägre kvalitet men erbjuder prestandafördelar. BMFonts är bra för situationer där du har många objekt på skärmen och i situationer där din text ständigt förändras. Liknande som partiklar och spritesheet-animationer, kräver BMFonts en PNG (med varje tecken) och en FNT-dat fil. hyperPad kan stödja alla BMFont-generatorer som fungerar med cocos2D. Ett exempel är BMGlyph.

När du importerar BM-teckensnitt kan du bara importera från Dropbox. Så se till att du har ett Dropbox-konto länkat och öppnat. Navigera till där du har dina teckensnitts-filer sparade.

Hyperpad_Beta_Import_Guide_-_Fonts_v2_html_7650b467.png

Navigera till var dina bmfont-filer är lagrade, välj sedan filerna och tryck på Klar (observera att bilden nedan visar 4 valda filer eftersom SD/HD-växlaren är aktiv).

Hyperpad_Beta_Import_Guide_-_Fonts_v2_html_m6075d99b.png

TTF står för True Type Font och är det vanligaste formatet, och när du laddar ner teckensnitt online kommer det förmodligen vara den filtyp som du får. TTF-teckensnitt har en mycket högre kvalitet och har ingen pixlarisering när den visas på någon enhet. Men denna högre kvalitet har ett kostnad för prestanda. TTF-teckensnitt används ofta för situationer när det finns små mängder text, som etiketter. Till skillnad från BM-teckensnitt finns det bara en enda TTF-fil att hantera.

Importera TTF-typsnitt är en liknande process som för andra tillgångar, men du har några fler importkällor.

Hyperpad_Beta_Import_Guide_-_Fonts_v2_html_72f31011.png

Importera ett typsnitt från Dropbox eller Filer-appen är liknande för andra tillgångar. Navigera helt enkelt till där typsnittet ligger och välj det.

Hyperpad_Beta_Import_Guide_-_Fonts_v2_html_m1c323820.png

hyperPad kan också få tillgång till systemtypsnitten som ingår i iOS på din iPad. För att importera ett av dessa typsnitt väljer du Systemtypsnitt under Importkälla.

Du kommer att bli tillfrågad med en stor lista av teckensnitt att välja mellan, och de ger dig en liten förhandsvisning av hur de kommer att se ut. Om du har ett specifikt teckensnitt i åtanke kan du hoppa till det alfabetiskt genom att trycka på en av bokstäverna till höger. När du hittar ett teckensnitt du gillar, tryck helt enkelt på det och tryck sedan på Klar.

Hyperpad_Beta_Import_Guide_-_Fonts_v2_html_mf22bb5b.png

Importera från andra appar:

hyperPad kan importera innehåll från tredjepartsappar. Om du använder en app som kan exportera/dela med andra appar med hjälp av dialogrutan "Öppna i", kan du importera en kompatibel tillgång till hyperPad.

När du har valt att exportera din tillgång till hyperPad kommer du att bli tillfrågad med ett fönster för att välja vilket projekt du vill att tillgången ska importeras till.

Efter att importerna har lyckats kommer din tillgång att finnas i Tillgångsbiblioteket.