Importowanie zasobów | hyperPad Documentation

Loading...

Logo

Ten artykuł omówi różne sposoby importowania zasobów do hyperPad. Aby zobaczyć różne rodzaje zasobów, które możesz importować, zapoznaj się z artykułem "Obsługiwane typy zasobów".

Najszybszym sposobem importu jest uruchomienie Biblioteki zasobów i wybór opcji "Importuj" z lewego menu. To spowoduje wyświetlenie opcji, które zasoby chcesz zaimportować.

IMG_0348.PNG

Importowanie grafiki:

Jeśli chcesz zaimportować standardową grafikę bez animacji, wybierz opcję grafiki w wyskakującym oknie importu.

Zostaniesz wtedy poproszony o dostępne źródła do importu.

Hyperpad_Beta_Import_Guide_-_Graphics_v2_html_m6fb1d9de.png

Rolki aparatu zaimportują obrazy bezpośrednio z biblioteki obrazów urządzenia (w aplikacji Zdjęcia). Obejmuje to wszelkie zdjęcia, które wykonujesz aparatem, importujesz z aplikacji firm trzecich lub pobierane za pośrednictwem przeglądarki internetowej.

Pliki umożliwiają dostęp do aplikacji "Pliki" i wykorzystanie jej do przeszukiwania grafik. Aplikacja Pliki daje również dostęp do iCloud Drive oraz innych źródeł firm trzecich, które integrują się z aplikacją Pliki Apple (takich jak Dropbox, Google Drive i Skydrive).

Dropbox daje dostęp do twojej biblioteki Dropbox. Aby używać Dropbox z hyperPad, musisz najpierw powiązać swoje konto i nadać hyperPad uprawnienia do dostępu do swoich plików. Będzie to automatycznie wyświetlane przy pierwszym próbie importu z Dropbox.

Gdy wybierzesz źródło, będziesz mógł przemieszczać się w oknie przeglądarki plików i znaleźć obraz, który chcesz zaimportować.

Przełącznik SD+HD

Prawdopodobnie zauważysz przełącznik Importuj SD+HD w prawym górnym rogu okna importu. Domyślnie jest wyłączony. Gdy jest wyłączony, nie musisz się martwić o potrzebę oddzielnych standardowych i wysokiej rozdzielczości dla importowanych obrazów. Przy tym wyłączonym przełączniku hyperPad zakłada, że wszystkie importowane obrazy są "HD". Po prostu zaimportuj obraz w wysokiej jakości, a hyperPad automatycznie stworzy dla ciebie standardową definicję. Oznacza to, że gdy twoja aplikacja jest używana na innym urządzeniu (takim jak starsze urządzenia Apple, które nie mają wyświetlaczy Retina), automatycznie użyje obrazów o niższej jakości.

Jeśli jednak chcesz dodać obrazki w podwójnej rozdzielczości samodzielnie, możesz włączyć przełącznik. Gdy przełącznik jest włączony, będziesz musiał mieć obraz w dwóch różnych rozdzielczościach (np. 1024X 1024 dla SD i 2048x2048 dla HD). Nazwa pliku obrazu HD musi kończyć się na „-hd”.

Hyperpad_Beta_Import_Guide_-_Graphics_v2_html_m74780884.png

Uwaga: Pamiętaj, że maksymalny rozmiar obrazu, który hyperPad dopuszcza, to 2048x2048. Podczas importowania grafiki, hyperPad może wykorzystać każdy plik graficzny zgodny z iOS. Sugerowany format do grafik to PNG, ponieważ może również obsługiwać grafiki przezroczyste.

Importowanie animacji:

W hyperPad są 2 główne metody importu animacji. 1) Tworzenie animacji podczas importu i 2) Importowanie arkusza sprite'ów.

IMG_158177A88DEB-1.jpeg

Tworzenie animacji:

Pierwsza metoda importu animacji utworzy dla Ciebie sekwencję animacji podczas importowania każdego klatki animacji.

Wybierz Utwórz animację. Otworzy to okno Źródło importu. Tutaj możesz wybierać spośród dostępnych źródeł dla swoich importów; Rolki aparatu, Pliki i Dropbox.

Uwaga: Ta metoda nie ma przełącznika importu SD+HD. Dzieje się tak, ponieważ podczas korzystania z tej metody do importu klatek animacji hyperPad automatycznie utworzy arkusz sprite'ów w HD i SD dla Ciebie.

Upewnij się więc, że każda klatka obrazu ma najwyższą rozdzielczość, jaką masz, oraz że każda klatka ma dokładnie ten sam rozmiar z obiektem wyśrodkowanym. Jeśli obiekt nie jest wyśrodkowany, a każda klatka ma inny rozmiar, twoja animacja nie będzie się odtwarzać poprawnie.

Upewnij się również, że całkowity zsumowany rozmiar klatek nie przekracza 2048x2048 pikseli. Oznacza to, że jeśli masz animację składającą się z 16 klatek, grafika każdej klatki nie może przekraczać 128*128 pikseli.

Po wybraniu, z którego miejsca chcesz zaimportować swoje obrazy, przejdź do folderu, w którym masz zapisane obrazy i otwórz go. Tam możesz wybrać obrazy, na które chcesz kliknąć.

Hyperpad_Import_Guide_-_Animations_v2_html_m488fbc2b.png

Teraz wybierz każdy obraz, upewnij się, że są odpowiednio nazwane, aby zaimportować je w odpowiedniej kolejności. Te obrazy staną się klatkami naszej animacji. Po ich wybraniu, kliknij gotowe, aby zaimportować. Zostaniesz poproszony o nazwę animacji po zakończeniu importu.

Hyperpad_Import_Guide_-_Animations_v2_html_6ae05a1e.png

Możesz podglądać animację, aby upewnić się, że działa poprawnie, klikając i przytrzymując palec na nowo utworzonej animowanej zasobie w bibliotece. To otworzy menu zasobów. Wybierz Podgląd animacji, aby odtworzyć sekwencję animacji.

Hyperpad_Import_Guide_-_Animations_v2_html_m3d21a54c.png

Importowanie arkusza sprite'ów:

W tym drugim sposobie jest to nieco bardziej złożone i polega na innych narzędziach. Zazwyczaj daje najlepsze rezultaty. Ta metoda wymaga utworzenia arkusza sprite'ów oraz odpowiadającego pliku danych plist. Każdy program, który może generować pliki zgodne z Cocos2D, będzie działał. Rekomendujemy TexturePacker do tego. Program można pobrać za darmo tutaj: https://www.codeandweb.com/texturepacker

Gdy twój arkusz sprite'ów i dane plist zostały utworzone, wybierz Importuj arkusz sprite'ów z menu importu animacji.

Jak w przypadku innych zasobów, zostaniesz wtedy poproszony o wybór źródła do importu. Zauważ, że w przypadku arkuszy sprite'ów nie możesz importować z Rolki aparatu. Dzieje się tak, ponieważ arkusze sprite'ów wymagają pliku danych PLIST obok obrazu arkusza sprite'ów.

Wybierz swoje źródło i przejdź do miejsca, w którym masz zapisane pliki.

Hyperpad_Import_Guide_-_Animations_v2_html_752f55d.png

Gdy znajdziesz swoje pliki, po prostu kliknij je, aby je wybrać, a następnie kliknij gotowe w prawym górnym rogu, aby rozpocząć importowanie.

Uwaga: Musi być wybrany zarówno obraz arkusza sprite'ów, jak i plik danych plist, w przeciwnym razie otrzymasz błąd. Również jeśli przełącznik Import SD+HD jest włączony, musisz wybrać 4 pliki. Obraz SD i HD oraz plik plist SD i HD.

Importowanie cząsteczek

Importowanie cząsteczek działa tak samo, jak importowanie animacji arkusza sprite'ów. Podobnie jak arkusze sprite'ów, cząsteczki składają się z 2 plików. Masz grafiki cząsteczek oraz plik danych PLIST, który zawiera parametry efektów cząsteczek. Dlatego podczas wyboru i importowania efektu cząsteczkowego musisz wybrać oba pliki. Pamiętaj, że cząsteczki mogą być wymagające dla zasobów, więc grafiki cząsteczkowe powinny być stosunkowo małe. Zwykle sugerujemy, aby nie przekraczać 64x64 pikseli dla cząsteczki HD.

Jak już wcześniej, podobnie jak w przypadku grafiki i animacji, istnieje przełącznik SD+HD.

Możesz używać dowolnej aplikacji do tworzenia cząsteczek, która wyeksportuje system cząsteczek kompatybilny z Cocos2D.

Importowanie muzyki i efektów dźwiękowych

Importowanie dźwięków i muzyki do hyperPad jest dość proste. Otwórz menu Importowanie zasobów, a tym razem wybierz Muzykę i dźwięk jako opcje typów zasobów do importowania.

Stąd możesz importować pliki audio z biblioteki iTunes, aplikacji Pliki i Dropbox.

Gdy już wybierzesz źródło importu, po prostu przejdź do plików audio, które chcesz zaimportować, wybierz je i kliknij gotowe. Jak wcześniej, możesz importować wiele plików jednocześnie.

hyperPad może odtwarzać wszystkie formaty audio obsługiwane przez iOS. Aby uzyskać pełną listę kompatybilnych plików, sprawdź bibliotekę dewelopera iOS tutaj: https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/MultimediaPG//UsingAudio/UsingAudio.html

Importowanie czcionek

W przypadku czcionek istnieją dwie opcje. BMFonts i czcionki TTF.

BM Font oznacza czcionkę bitmapową. BMFonts zazwyczaj mają niższą jakość, ale oferują korzyści wydajnościowe. BMFonts są świetne w sytuacjach, gdy masz wiele obiektów na ekranie oraz tam, gdzie twój tekst zmienia się ciągle. Podobnie jak cząsteczki i animacje arkusza sprite'ów, BMFonts wymagają pliku PNG (z każdym znakiem) oraz pliku danych FNT. hyperPad może obsługiwać dowolny generator BMFont działający z cocos2D. Jednym z przykładów jest BMGlyph.

Podczas importowania czcionek BM możesz importować tylko z Dropbox. Upewnij się, że masz połączone konto Dropbox i otwarte. Przejdź do miejsca, w którym masz zapisane pliki czcionek.

Hyperpad_Beta_Import_Guide_-_Fonts_v2_html_7650b467.png

Przejdź do miejsca, w którym zapisane są twoje pliki bmfont, a następnie wybierz pliki i kliknij gotowe (uwaga, poniższy obrazek pokazuje wybrane 4 pliki, ponieważ przełącznik SD/HD jest aktywowany).

Hyperpad_Beta_Import_Guide_-_Fonts_v2_html_m6075d99b.png

TTF oznacza True Type Font i jest najpopularniejszym formatem, a podczas pobierania czcionek online prawdopodobnie otrzymasz ten typ pliku. Czcionki TTF mają znacznie wyższą jakość i nie mają pikselizacji podczas wyświetlania na dowolnym urządzeniu. Jednak ta wyższa jakość wiąże się z kosztem wydajności. Czcionki TTF są często używane w sytuacjach, gdy jest tylko niewielka ilość tekstu, takiego jak etykiety. W przeciwieństwie do BMFonts, do obsługi jest tylko jeden plik ttf.

Importowanie czcionek typu TTF ma podobny proces do innych zasobów, jednak masz nieco więcej źródeł importu.

Hyperpad_Beta_Import_Guide_-_Fonts_v2_html_72f31011.png

Importowanie czcionki z Dropbox lub aplikacji Pliki przebiega w podobny sposób jak w przypadku innych zasobów. Po prostu przejdź do miejsca, w którym znajduje się czcionka i wybierz ją.

Hyperpad_Beta_Import_Guide_-_Fonts_v2_html_m1c323820.png

hyperPad może również uzyskiwać dostęp do czcionek systemowych, które są częścią iOS twojego iPada. Aby zaimportować jedną z tych czcionek, wybierz Czcionki systemowe jako źródło importu.

Zostaniesz poproszony o dużą listę czcionek do wyboru, które dają ci mały podgląd, jak będą wyglądać. Jeśli masz konkretną czcionkę na myśli, możesz przejść do niej alfabetycznie, klikając jedną z liter po prawej stronie. Gdy znajdziesz czcionkę, która ci się podoba, po prostu dotknij jej, a następnie kliknij gotowe.

Hyperpad_Beta_Import_Guide_-_Fonts_v2_html_mf22bb5b.png

Importowanie z innych aplikacji:

hyperPad może importować treści z aplikacji firm trzecich. Jeśli używasz aplikacji, która może eksportować/dzielić się z innymi aplikacjami przy użyciu okna dialogowego "Otwórz w", to możesz zaimportować kompatybilny zasób do hyperPad.

Gdy wybierzesz eksport swojego zasobu do hyperPad, zostaniesz poproszony o wybór, do którego projektu chcesz zaimportować zasób.

Po pomyślnym zakończeniu importu twój zasób znajdzie się w Bibliotece zasobów.