Importování prostředků | hyperPad Documentation

Loading...

Logo

Tento článek se zabývá různými způsoby importu assetů do hyperPad. Chcete-li zobrazit různé typy assetů, které můžete importovat, podívejte se na článek "Podporované typy assetů".

Nejrychlejší způsob importu je spuštění knihovny assetů a výběr možnosti "Import" z levého menu. To vás vyzve, abyste si vybrali typ assetu, který chcete importovat.

IMG_0348.PNG

Import grafiky:

Pokud chcete importovat pouze standardní grafiku bez animací, vyberte možnost grafiky z vyskakovacího okna importu.

Poté budete vyzváni k dostupným zdrojům pro import.

Hyperpad_Beta_Import_Guide_-_Graphics_v2_html_m6fb1d9de.png

Fotoaparát importuje obrázky přímo z obrazové knihovny zařízení (v aplikaci Fotky). To zahrnuje jakékoli obrázky, které pořídíte fotoaparátem, importujete z aplikací třetích stran nebo stáhnete prostřednictvím webového prohlížeče.

Soubory vám umožňují přístup k aplikaci "soubory" a využít ji k procházení grafik. Aplikace Soubory vám také poskytuje přístup k iCloud Drive a dalším zdrojům třetích stran, které integrují s aplikací Souborů Apple. (například Dropbox, Google Drive a Skydrive)

Dropbox vám umožňuje přístup do vaší knihovny Dropbox. Aby bylo možné Dropbox používat s hyperPad, musíte nejprve propojit svůj účet a dát hyperPad povolení k přístupu k vašim souborům. To bude automaticky vyzváno při prvním pokusu o import z Dropboxu.

Jakmile si vyberete zdroj, budete moci procházet pomocí prohlížeče souborů a najít obrázek, který chcete importovat.

Toggle SD+HD

Možná si všimnete přepínače Import SD+HD v pravém horním rohu okna importu. Ve výchozím nastavení je vypnut. Když je vypnut, nemusíte si dělat starosti s odděleným standardním a vysokým rozlišením pro obrázky, které importujete. S tímto přepínačem vypnutým hyperPad předpokládá, že všechny importované obrázky jsou "HD". Jednoduše importujte obrázek vysoké kvality a hyperPad automaticky vytvoří standardní definici za vás. To znamená, že když vaše aplikace bude použita na jiném zařízení (například starších apple zařízeních, která nemají retina displeje), automaticky použije obrázky nižší kvality.

Pokud však chcete přidat dvojité rozlišení obrázků sami, můžete aktivovat přepínač. S přepínačem aktivovaným budete potřebovat mít obrázek ve dvou různých rozlišeních (např. 1024X 1024 pro SD a 2048x2048 pro HD). Název souboru HD obrázku musí také končit na "-hd".

Hyperpad_Beta_Import_Guide_-_Graphics_v2_html_m74780884.png

Poznámka: Nezapomeňte, že maximální velikost obrázku, kterou hyperPad povoluje, je 2048x2048. Při importu grafik může hyperPad použít jakýkoli formát souboru obrázku kompatibilní s iOS. Doporučený formát pro grafiku je PNG, protože také může zpracovat průhledné grafiky.

Importování animací:

V hyperPad existují 2 hlavní metody importu animací. 1) Vytvoření animací při importu a 2) Import spritového listu.

IMG_158177A88DEB-1.jpeg

Vytváření animací:

Tato první metoda importování animací vytvoří pro vás sekvenci animace při importování každého snímku animace.

Vyberte Vytvořit animaci. To otevře okno Import Source. Zde si můžete vybrat z dostupných zdrojů pro vaše importy; Camera Roll, Soubory a Dropbox.

Poznámka: Tato metoda nemá přepínač importu SD+HD. To je proto, že při použití této metody importování snímků animace hyperPad automaticky vytvoří spritový list v HD a SD pro vás.

Proto se ujistěte, že každá snímková grafika má nejvyšší rozlišení, které máte, a že každý snímek má stejnou velikost s objektem vycentrovaným. Pokud není objekt vycentrován a každý snímek má jinou velikost, vaše animace se nebude přehrávat správně.

Také se ujistěte, že celkový součet snímků nepřesahuje 2048x2048 pixelů. To znamená, že pokud máte 16 snímkovou animaci, každá snímková grafika nemůže překročit 128*128 pixelů.

Po výběru místa, odkud přejete importovat obrázky, přejděte do složky, kde máte obrázky uloženy a otevřete ji. Tam můžete vybrat obrázky, které chcete, klepnutím na ně.

Hyperpad_Import_Guide_-_Animations_v2_html_m488fbc2b.png

Nyní vyberte každý obrázek, ujistěte se, že mají správné názvy, aby se importovaly ve správném pořadí. Tyto obrázky se stanou snímky naší animace. Jakmile jsou vybrány, klepněte na hotovo pro import. Po dokončení importu budete vyzváni k pojmenování animace.

Hyperpad_Import_Guide_-_Animations_v2_html_6ae05a1e.png

Animaci můžete předvyplnit, abyste se ujistili, že funguje správně, tak, že klepnete a podržíte prst na právě vytvořeném animovaném assetu v knihovně. To otevře menu assetů. Vyberte "Náhled animace" pro přehrání sekvence animace.

Hyperpad_Import_Guide_-_Animations_v2_html_m3d21a54c.png

Import Spritového listu:

Tato druhá metoda je o něco složitější a spoléhá na jiné nástroje. Obvykle však poskytuje nejlepší výsledky. Tato metoda vyžaduje vytvoření spritového listu a přidruženého plist datového souboru. Jakýkoli program, který dokáže generovat soubory kompatibilní s Cocos2D, bude fungovat. Doporučujeme TexturePacker pro toto. Program si můžete stáhnout zdarma zde: https://www.codeandweb.com/texturepacker

Jakmile byl váš spritový list a plist data vytvořeny, vyberte Import Spritový list z menu importu animace.

Stejně jako u ostatních assetů, budete poté vyzváni k výběru zdroje pro import. Poznamenejte si, že pro spritové listy nemůžete importovat z fotoaparátu. To proto, že spritové listy vyžadují data PLIST vedle obrázku spritového listu.

Vyberte požadovaný zdroj a přejděte tam, kde máte uložené soubory.

Hyperpad_Import_Guide_-_Animations_v2_html_752f55d.png

Jakmile najdete své soubory, jednoduše je klepněte, abyste je vybrali, a poté klepněte na hotovo v pravém horním rohu, abyste začali s importem.

Poznámka: Musíte vybrat jak obrázek spritového listu, tak datový soubor plist, nebo obdržíte chybu. Také, pokud je přepínač Import SD+HD zapnutý, musíte vybrat 4 soubory. SD a HD obrázek, a SD a HD soubor plist.

Importování Partic($& movement,ty

Importování partic($& movement,ty funguje stejným způsobem jako import animace spritového listu. Stejně jako spritové listy, partic($& movement,ty se skládají z 2 souborů. Máte svou grafiku partic($& movement,ty a soubor PLIST s metadaty, který obsahuje parametry efektu partic($& movement,ty. Takže při výběru a importování vašeho efekty partic($& movement,ty musíte vybrat obě soubory. Mějte na paměti, partic($& movement,ty mohou být poměrně náročné na zdroje, takže vaše grafika partic($& movement,ty by měla být relativně malá. Obvykle doporučujeme nepřekračovat 64x64 pixely pro HD partic($& movement,ty.

Opět platí, že podobně jako grafiky a animace existuje přepínač SD+HD.

Můžete použít jakoukoli aplikaci pro vytvoření partic($& movement,ty, která exportuje systém partic($& movement,ty kompatibilní s Cocos2D.

Importování hudby a zvukových efektů

Importování zvuků a hudby do hyperPad je docela jednoduché. Otevřete menu Import Assetů a tentokrát vyberte Možnost zvuk a hudbu pro typy assetů, které chcete importovat.

Odtud můžete importovat audio soubory z vaší knihovny iTunes, aplikace Soubory a Dropboxu.

Jakmile vyberete svůj zdroj importu, jednoduše přejděte do audio souborů, které chcete importovat, vyberte je a klepněte na hotovo. Stejně jako dříve můžete importovat více souborů najednou.

hyperPad může přehrát všechny audio formáty podporované iOS. Pro úplný seznam kompatibilních souborů navštivte Knihovnu pro vývojáře iOS zde: https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/MultimediaPG//UsingAudio/UsingAudio.html

Importování fontů

U fontů existují dvě možnosti. BMFonts a TTF fonty.

BM Font označuje bitmapový font. BMFonts, typicky mají nižší kvalitu, ale nabízejí výkonnostní výhody. BMFonts jsou skvělé na situace, kdy máte na obrazovce hodně objektů a v situacích, kdy se váš text neustále mění. Podobně jako partic($& movement,ty a animace spritového listu, BMFonts vyžadují PNG (s každým znakem) a FNT datový soubor. hyperPad může podporovat jakýkoli generátor BMFont, který pracuje s cocos2D. Jedním příkladem je BMGlyph.

Při importování BM fontů můžete importovat pouze z Dropboxu. Ujistěte se, že máte odlinked účet Dropbox a otevřete ho. Přejděte na místo, kde máte uloženy soubory fontů.

Hyperpad_Beta_Import_Guide_-_Fonts_v2_html_7650b467.png

Přejděte na místo, kde jsou uloženy vaše bmfont soubory, poté vyberte soubory a klepněte na hotovo (poznámka: obrázek níže zobrazuje 4 soubory vybrané, protože je aktivní přepínač SD/HD).

Hyperpad_Beta_Import_Guide_-_Fonts_v2_html_m6075d99b.png

TTF označuje True Type Font a je to nejběžnější formát a při stahování fontů online pravděpodobně dostanete tento typ souboru. TTF fonty mají mnohem vyšší kvalitu a při zobrazení na jakémkoli zařízení nemají žádný pixelaci. Nicméně, tato vyšší kvalita přichází na úkor výkonu. TTF fonty se často používají v situacích, kdy je text v malém množství, jako jsou štítky. Na rozdíl od BMFonts je k dispozici pouze jediný ttf soubor k obsluze.

Importování fontů typu TTF je podobný proces jako u jiných assetů, avšak máte několik dalších zdrojů importu.

Hyperpad_Beta_Import_Guide_-_Fonts_v2_html_72f31011.png

Importování fontu z Dropboxu nebo aplikace Soubory je podobné jako u jiných assetů. Jednoduše přejděte tam, kde se font nachází a vyberte ho.

Hyperpad_Beta_Import_Guide_-_Fonts_v2_html_m1c323820.png

hyperPad je také schopný přistupovat k systémovým fontům, které jsou součástí iOS vašeho iPadu. Aby se importoval jeden z těchto fontů, vyberte Systémové fonty pod zdrojem importu.

Budete vyzváni širokým seznamem fontů, ze kterých můžete vybírat, a poskytují vám malý náhled toho, jak budou vypadat. Pokud máte konkrétní font na mysli, můžete se k němu dostat abecedně klepnutím na jedno z písmen napravo. Když najdete font, který se vám líbí, jednoduše na něj klepněte a poté klepněte na hotovo.

Hyperpad_Beta_Import_Guide_-_Fonts_v2_html_mf22bb5b.png

Importování z jiných aplikací:

hyperPad může importovat obsah z aplikací třetích stran. Pokud používáte aplikaci, která může exportovat/sdílet s jinými aplikacemi pomocí dialogu "Otevřít v", pak můžete importovat kompatibilní asset do hyperPad.

Jakmile se rozhodnete exportovat svůj asset do hyperPad, budete vyzváni k výběru, do kterého projektu chcete asset importovat.

Po úspěšném importu bude váš asset umístěn v knihovně assetů.