Dieser Artikel behandelt die verschiedenen Möglichkeiten, Assets in hyperPad zu importieren. Um die verschiedenen Arten von Assets, die Sie importieren können, zu sehen, lesen Sie den Artikel "Unterstützte Asset-Typen".

Der schnellste Weg zu importieren, besteht darin, die Asset-Bibliothek zu öffnen und die Option "Importieren" im linken Menü auszuwählen. Dies fordert Sie auf, den Typ des Assets auszuwählen, den Sie importieren möchten.

Grafiken importieren:

Wenn Sie nur eine Standardgrafik ohne Animationen importieren möchten, wählen Sie die Grafikoption im Import-Popup aus.

Sie werden dann aufgefordert, verfügbare Quellen auszuwählen, aus denen Sie importieren können.

Hyperpad_Beta_Import_Guide_-_Graphics_v2_html_m6fb1d9de.png

Camera Roll importiert Bilder direkt aus der Bildbibliothek des Geräts (in der Fotos-App). Dazu gehören alle Bilder, die Sie mit der Kamera aufnehmen, aus Drittanbieter-Apps importiert oder über den Webbrowser heruntergeladen wurden.

Dateien ermöglichen Ihnen den Zugriff auf die "Dateien"-App und die Verwendung dieser App, um nach Grafiken zu suchen. Die Dateien-App ermöglicht Ihnen auch den Zugriff auf iCloud Drive und andere Drittanbieterquellen, die mit der Dateien-App von Apple integriert sind (wie Dropbox, Google Drive und Skydrive).

Dropbox gibt Ihnen Zugang zu Ihrer Dropbox-Bibliothek. Um Dropbox mit hyperPad verwenden zu können, müssen Sie zuerst Ihr Konto verknüpfen und hyperPad die Berechtigung erteilen, auf Ihre Dateien zuzugreifen. Dies wird automatisch beim ersten Mal angezeigt, wenn Sie versuchen, aus Dropbox zu importieren.

Sobald Sie eine Quelle ausgewählt haben, können Sie mit dem Datei-Browser navigieren und das Bild finden, das Sie importieren möchten.

SD+HD-Umschalter

Sie werden wahrscheinlich den Import SD+HD-Umschalter in der oberen rechten Ecke des Importfensters bemerken. Dies ist standardmäßig deaktiviert. Während es deaktiviert ist, müssen Sie sich keine Gedanken über separate Standard- und Hochauflösungen für die Bilder machen, die Sie importieren. Bei deaktiviertem Umschalter geht hyperPad davon aus, dass alle importierten Bilder "HD" sind. Importieren Sie einfach ein qualitativ hochwertiges Bild, und hyperPad erstellt automatisch die Standardauflösung für Sie. Dies bedeutet, dass, wenn Ihre App auf einem anderen Gerät (z. B. älteren Apple-Geräten, die keine Retina-Displays haben) verwendet wird, automatisch die qualitativ niedrigeren Bilder verwendet werden.

Wenn Sie jedoch die Dualerauflösungsbilder selbst hinzufügen möchten, können Sie den Schalter aktivieren. Wenn der Schalter aktiviert ist, müssen Sie das Bild in zwei verschiedenen Auflösungen haben (z. B. 1024x1024 für SD und 2048x2048 für HD). Der Dateiname des HD-Bildes muss ebenfalls mit „-hd“ enden.

Hyperpad_Beta_Import_Guide_-_Graphics_v2_html_m74780884.png

Hinweis: Bitte denken Sie daran, dass die maximale Bildgröße, die hyperPad erlaubt, 2048x2048 beträgt. Beim Importieren von Grafiken kann hyperPad jede Bilddatei verwenden, die mit iOS kompatibel ist. Das empfohlene Format für Grafiken ist PNG, da es auch transparente Grafiken verarbeiten kann.

Animationen importieren:

In hyperPad gibt es 2 Hauptmethoden zum Importieren von Animationen. 1) Animationen bei der Einfuhr erstellen und 2) Ein Spritesheet importieren.

Animationen erstellen:

Die erste Methode zum Importieren von Animationen erstellt eine Animationssequenz für Sie, während Sie jedes Animationsbild importieren.

Wählen Sie Animation erstellen. Dies öffnet das Importquellenfenster. Hier können Sie aus den verfügbaren Quellen für Ihre Importe wählen: Kamera Roll, Dateien und Dropbox.

Hinweis: Diese Methode hat nicht den Import-SD+HD-Umschalter. Dies liegt daran, dass hyperPad beim Importieren der Animationsbilder automatisch ein Spritesheet in HD und SD für Sie erstellt.

Stellen Sie daher sicher, dass jede Bildseite die höchste Auflösung hat und dass jede Seite genau die gleiche Größe hat und das Objekt zentriert ist. Wenn das Objekt nicht zentriert ist und jede Frame eine andere Größe hat, wird Ihre Animation nicht korrekt abgespielt.

Stellen Sie außerdem sicher, dass die insgesamt kombinierten Frames 2048x2048 Pixel nicht überschreiten. Das bedeutet, wenn Sie eine 16-Frame-Animation haben, darf keine Frame-Grafik größer als 128x128 Pixel sein.

Nachdem Sie ausgewählt haben, wo Sie Ihre Bilder importieren möchten, navigieren Sie zum Ordner, in dem Sie die Bilder gespeichert haben, und öffnen Sie ihn. Dort können Sie die Bilder auswählen, indem Sie Sie antippen.

Hyperpad_Import_Guide_-_Animations_v2_html_m488fbc2b.png

Jetzt wählen Sie jedes Bild aus, und stellen Sie sicher, dass sie richtig benannt sind, damit sie in der richtigen Reihenfolge importiert werden. Diese Bilder werden die Frames der Animation. Sobald sie ausgewählt sind, tippen Sie auf Fertig, um den Import zu starten. Sie werden aufgefordert, der Animation einen Namen zu geben, sobald der Import abgeschlossen ist.

Hyperpad_Import_Guide_-_Animations_v2_html_6ae05a1e.png

Sie können die Animation zur Überprüfung ihrer Funktionalität anzeigen, indem Sie Ihren Finger auf das neu erstellte animierte Asset in der Bibliothek halten. Dadurch wird das Asset-Menü geöffnet. Wählen Sie Animation Vorschau, um die Animationssequenz abzuspielen.

Hyperpad_Import_Guide_-_Animations_v2_html_m3d21a54c.png

Spritesheet importieren:

Diese zweite Methode ist etwas komplexer und hängt von anderen Tools ab. Sie liefert in der Regel die besten Ergebnisse. Diese Methode erfordert die Erstellung eines Spritesheets und einer begleitenden plist-Datendatei. Jedes Programm, das Dateien generieren kann, die mit Cocos2D kompatibel sind, funktioniert. Wir empfehlen TexturePacker dafür. Das Programm kann hier kostenlos heruntergeladen werden: https://www.codeandweb.com/texturepacker

Sobald Ihr Spritesheet und die plist-Daten erstellt wurde, wählen Sie Spritesheet importieren aus dem Animationsimportmenü aus.

Wie bei anderen Assets werden Sie dann aufgefordert, eine Quelle für den Import auszuwählen. Beachten Sie, dass Sie Spritesheets nicht aus der Kamera-Rolle importieren können. Dies liegt daran, dass Spritesheets eine PLIST-Datendatei neben dem Spritesheet-Bild benötigen.

Wählen Sie Ihre gewünschte Quelle aus und navigieren Sie zu dem Speicherort, an dem Sie die Dateien gespeichert haben.

Sobald Sie Ihre Dateien gefunden haben, tippen Sie einfach darauf, um sie auszuwählen, und tippen Sie dann oben rechts auf Fertig, um den Import zu starten.

Hinweis: Sie müssen sowohl das Spritesheet-Bild als auch die plist-Datendatei auswählen oder Sie erhalten einen Fehler. Wenn der Import-SD+HD-Umschalter eingeschaltet ist, müssen Sie 4 Dateien auswählen. Eine SD- und HD-Bilddatei sowie eine SD- und HD-Plist-Datei.

Partikel importieren

Das Importieren von Partikeln funktioniert genauso wie das Importieren einer Spritesheet-Animation. Ähnlich wie Spritesheets bestehen Partikel aus 2 Dateien. Sie haben Ihre Partikelgrafik und eine PLIST-Metadatendatei, die die Parameter der Partikeleffekte enthält. Wenn Sie also Ihren Partikeleffekt auswählen und importieren, müssen Sie beide Dateien auswählen. Bedenkt man, dass Partikel recht ressourcenintensiv sein können, sollte die Partikelgrafik relativ klein sein. Wir empfehlen in der Regel, nicht über 64x64 Pixel für ein HD-Partikel hinauszugehen.

Wie zuvor besteht auch bei Grafiken und Animationen der SD+HD-Umschalter.

Sie können jede Partikelerstellungs-App verwenden, die ein mit Cocos2D kompatibles Partikelsystem exportieren kann.

Musik & Soundeffekte importieren

Das Importieren von Sounds und Musik in hyperPad ist ganz einfach. Öffnen Sie das Menü "Assets importieren" und wählen Sie diesmal "Musik & Sound" für die Optionen der zu importierenden Assettypen.

Von hier aus können Sie Audiodateien aus Ihrer iTunes-Bibliothek, der Dateien-App und Dropbox importieren.

Sobald Sie Ihre Importquelle ausgewählt haben, navigieren Sie einfach zu den Audiodateien, die Sie importieren möchten, wählen Sie diese aus und tippen Sie auf Fertig. Wie zuvor können Sie mehrere Dateien auf einmal importieren.

hyperPad kann alle Audioformate abspielen, die von iOS unterstützt werden. Eine vollständige Liste kompatibler Dateien finden Sie in der iOS-Entwicklerbibliothek hier: https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/MultimediaPG//UsingAudio/UsingAudio.html

Schriften importieren

Bei Schriften gibt es zwei Optionen. BMFonts und TTF-Schriften.

BM Font steht für Bitmap-Schriftart. BMFonts haben typischerweise eine geringere Qualität, bieten jedoch Leistungsverbesserungen. BMFonts sind ideal für Situationen, in denen Sie viele Objekte auf dem Bildschirm haben und in Situationen, in denen sich Ihr Text ständig ändert. Ähnlich wie Partikel und Spritesheet-Animationen erfordern BMFonts eine PNG-Datei (mit jedem Zeichen) und eine FNT-Datendatei. hyperPad kann jeden BMFont-Generator unterstützen, der mit cocos2D funktioniert. Ein Beispiel ist BMGlyph.

Beim Importieren von BM-Schriften können Sie nur aus Dropbox importieren. Stellen Sie daher sicher, dass Sie ein verknüpftes Dropbox-Konto haben und es öffnen. Navigieren Sie zu dem Speicherort, an dem Sie Ihre Schriftdateien gespeichert haben.

Hyperpad_Beta_Import_Guide_-_Fonts_v2_html_7650b467.png

Navigieren Sie zu dem Speicherort, an dem Ihre bmfont-Dateien gespeichert sind, wähle Sie dann die Dateien aus und tippen Sie auf Fertig (Hinweis: Im Bild unten sind 4 Dateien ausgewählt, weil der SD/HD-Umschalter aktiv ist).

Hyperpad_Beta_Import_Guide_-_Fonts_v2_html_m6075d99b.png

TTF steht für True Type Font und ist das gängigste Format. Beim Herunterladen von Schriften aus dem Internet ist dies vermutlich der Dateityp, den Sie erhalten. TTF-Schriften haben eine viel höhere Qualität und zeigen keine Pixelbildung auf Geräten. Diese höhere Qualität hat jedoch ihren Preis in der Leistung. TTF-Schriften werden oft für Situationen verwendet, in denen es nur kleine Mengen an Text gibt, wie Etiketten. Im Gegensatz zu BMFonts gibt es nur eine einzelne TTF-Datei zu bearbeiten.

Das Importieren von TTF-Schriftarten läuft ähnlich ab wie bei anderen Assets, jedoch haben Sie noch einige weitere Importquellen.

Hyperpad_Beta_Import_Guide_-_Fonts_v2_html_72f31011.png

Das Importieren einer Schriftart aus Dropbox oder der Dateien-App ähnelt dem Import anderer Assets. Navigieren Sie einfach zu dem Speicherort, an dem die Schriftart gespeichert ist, und wählen Sie sie aus.

Hyperpad_Beta_Import_Guide_-_Fonts_v2_html_m1c323820.png

hyperPad kann auch auf die Systemschriften zugreifen, die Teil von iOS auf Ihrem iPad sind. Um eine dieser Schriften zu importieren, wählen Sie Systemschriften unter der Importquelle aus.

Sie werden mit einer umfangreichen Liste von Schriften konfrontiert, aus denen Sie auswählen können, und sie zeigen Ihnen eine kleine Vorschau, wie sie angezeigt werden. Wenn Sie an einer bestimmten Schriftart interessiert sind, können Sie alphabetisch zu ihr springen, indem Sie auf einen der Buchstaben rechts tippen. Wenn Sie eine Schriftart gefunden haben, die Ihnen gefällt, tippen Sie einfach darauf und dann auf Fertig.

Hyperpad_Beta_Import_Guide_-_Fonts_v2_html_mf22bb5b.png

Importieren aus anderen Apps:

hyperPad kann Inhalte aus Drittanbieter-Apps importieren. Wenn Sie eine App verwenden, die mit anderen Apps mithilfe des Dialogfelds "Öffnen in" exportieren / teilen kann, können Sie ein kompatibles Asset in hyperPad importieren.

Sobald Sie sich entschieden haben, Ihr Asset an hyperPad zu exportieren, werden Sie gefragt, welches Projekt Sie für den Import des Assets auswählen möchten.

Nachdem der Import erfolgreich war, wird Ihr Asset in der Asset-Bibliothek gespeichert.