Importation de ressources

Cet article couvrira les différentes façons d'importer des actifs dans hyperPad. Pour voir les différents types d'actifs que vous pouvez importer, consultez l'article "Types d'actifs pris en charge".

La manière la plus rapide d'importer consiste à lancer la Bibliothèque d'actifs et à choisir l'option "Importer" dans le menu de gauche. Cela vous invitera à choisir le type d'actif que vous souhaitez importer.

Importation de graphiques :

Si vous souhaitez importer simplement un graphique standard sans animations, sélectionnez l'option graphique dans la fenêtre contextuelle d'importation.

Vous serez ensuite invité avec les sources disponibles à partir desquelles importer.

Pellicule de la caméra importera des images directement depuis la bibliothèque d'images de l'appareil (dans l'application Photos). Cela inclut toutes les images que vous prenez avec l'appareil photo, celles importées d'applications tierces ou téléchargées via le navigateur web.

Fichiers vous permet d'accéder à l'application "Fichiers" et d'utiliser cela pour parcourir les graphiques. L'application Fichiers vous donne également accès à iCloud Drive et à d'autres sources tierces qui s'intègrent à l'application Fichiers d'Apple (comme Dropbox, Google Drive et Skydrive).

Dropbox vous donne accès à votre bibliothèque Dropbox. Pour utiliser Dropbox avec hyperPad, vous devez d'abord lier votre compte et donner à hyperPad la permission d'accéder à vos fichiers. Cela sera automatiquement proposé la première fois que vous essayez d'importer depuis Dropbox.

Une fois que vous avez sélectionné une source, vous pourrez naviguer avec l'explorateur de fichiers et trouver l'image que vous souhaitez importer.

Bascule SD+HD

Vous remarquerez probablement la bascule Import SD+HD dans le coin supérieur droit de la fenêtre d'importation. Par défaut, cela est désactivé. Tant que cela est désactivé, vous n'avez pas à vous soucier d'avoir des résolutions séparées standard et haute définition pour les images que vous importez. Avec cette bascule désactivée, hyperPad suppose que toutes les images importées sont "HD". Il vous suffit d'importer une image de haute qualité et hyperPad va automatiquement créer la définition standard pour vous. Cela signifie que, lorsque votre application est utilisée sur un appareil différent (comme les anciens appareils Apple qui n'ont pas d'écrans Retina), elle utilisera automatiquement les images de moindre qualité.

Si, toutefois, vous souhaitez ajouter vous-même les images à double résolution, vous pouvez activer l'interrupteur. Avec l'interrupteur activé, vous devrez avoir l'image dans deux résolutions différentes (ex. 1024x1024 pour SD et 2048x2048 pour HD). Le nom de fichier de l'image HD doit également se terminer par "-hd".

Note : Veuillez vous rappeler que la taille maximale d'image autorisée par hyperPad est 2048x2048. Lors de l'importation de graphiques, hyperPad peut utiliser tout fichier image compatible avec iOS. Le format recommandé pour les graphiques est PNG car il peut également gérer les graphiques transparents.

Importation d'animations :

Dans hyperPad, il y a 2 méthodes principales d'importation d'animations. 1) Créer des animations lors de l'importation, et 2) Importer une feuille de sprites.

Créer des animations :

Cette première méthode d'importation d'animations créera une séquence d'animation pour vous lors de l'importation de chaque image-image.

Sélectionnez Créer une animation. Cela ouvrira la fenêtre Importer des sources. Ici, vous pouvez choisir parmi les sources disponibles pour vos imports : Pellicule de la caméra, Fichiers et Dropbox.

Note : Cette méthode n'a pas la bascule importation SD+HD. C'est parce qu'en utilisant cette méthode pour importer les images d'animation, hyperPad créera automatiquement une feuille de sprites en HD et en SD pour vous.

Assurez-vous donc que chaque image image est de la plus haute résolution que vous avez et que chaque image est de la même taille exacte avec l'objet centré. Si l'objet n'est pas centré et que chaque image est de taille différente, votre animation ne jouera pas correctement.

Assurez-vous également que le nombre total d'images n'excède pas 2048x2048 pixels. Cela signifie que si vous avez une animation de 16 images, chaque image ne peut pas dépasser 128x128 pixels.

Après avoir sélectionné d'où vous souhaitez importer vos images, naviguez jusqu'au dossier où vous avez enregistré les images et ouvrez-le. Là, vous pouvez sélectionner les images que vous souhaitez en appuyant dessus.

Maintenant, sélectionnez chaque image, assurez-vous qu'elles sont correctement nommées afin qu'elles s'importent dans le bon ordre. Ces images deviendront nos images d'animation. Une fois qu'elles sont sélectionnées, tapez sur terminé pour importer. Vous serez invité à nommer l'animation une fois l'importation terminée.

Vous pouvez prévisualiser l'animation pour vous assurer qu'elle fonctionne correctement en appuyant et en maintenant votre doigt sur l'actif animé nouvellement créé dans la bibliothèque. Cela ouvrira le menu des actifs. Sélectionnez Prévisualiser l'animation pour jouer la séquence d'animation.

Importer une feuille de sprites :

Cette deuxième méthode est un peu plus complexe et repose sur d'autres outils. Elle donne généralement les meilleurs résultats. Cette méthode nécessite la création d'une feuille de sprites et d'un fichier de données plist accompagnant. Tout programme capable de générer des fichiers compatibles avec Cocos2D fonctionnera. Nous recommandons TexturePacker pour cela. Le programme peut être téléchargé gratuitement ici : https://www.codeandweb.com/texturepacker

Une fois votre feuille de sprites et les données plist créées, sélectionnez Importer une feuille de sprites dans le menu d'importation d'animations.

Comme pour d'autres actifs, vous serez ensuite invité avec une source à importer. Remarquez que pour les feuilles de sprites, vous ne pouvez pas importer depuis la Pellicule de la caméra. C'est parce que les feuilles de sprites nécessitent un fichier de données PLIST en plus de l'image de la feuille de sprites.

Sélectionnez votre source désirée et naviguez jusqu'à l'endroit où vous avez stocké les fichiers.

Une fois que vous avez trouvé vos fichiers, tapez simplement dessus pour les sélectionner, puis appuyez sur terminé dans le coin supérieur droit pour commencer l'importation.

Note : Vous devez sélectionner à la fois l'image de la feuille de sprites et le fichier de données plist sinon vous recevrez une erreur. De plus, si la bascule Import SD+HD est activée, vous devez sélectionner 4 fichiers. Une image SD et HD, et un fichier plist SD et HD.

Importation de particules

L'importation de particules fonctionne de la même manière que l'importation d'une animation de feuille de sprites. Comme les feuilles de sprites, les particules sont composées de 2 fichiers. Vous avez votre graphique de particules et un fichier de données PLIST qui contient les paramètres d'effets de particules. Donc, lorsque vous sélectionnez et importez votre effet de particule, vous devez sélectionner les deux fichiers. Gardez à l'esprit que les particules peuvent être assez gourmandes en ressources, donc votre graphique de particules devrait être relativement petit. Nous suggérons généralement de ne pas dépasser 64x64 pixels pour une particule HD.

Encore une fois, similaire aux graphiques et animations, la bascule SD+HD existe.

Vous pouvez utiliser n'importe quelle application de création de particules qui exportera un système de particules compatible avec Cocos2D.

Importation de musique et d'effets sonores

L'importation de sons et de musique dans hyperPad est assez simple. Ouvrez le menu Importer des actifs et cette fois, sélectionnez Musique & Son pour les options des types d'actifs à importer.

De là, vous pouvez importer des fichiers audio depuis votre bibliothèque iTunes, l'application Fichiers et Dropbox.

Une fois que vous avez sélectionné votre source d'importation, naviguez simplement jusqu'aux fichiers audio que vous souhaitez importer, sélectionnez-les et appuyez sur terminé. Comme auparavant, vous pouvez importer plusieurs fichiers à la fois.

hyperPad peut lire tous les formats audio pris en charge par iOS. Pour une liste complète des fichiers compatibles, consultez la bibliothèque des développeurs iOS ici : https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/MultimediaPG//UsingAudio/UsingAudio.html

Importation de polices

Avec les polices, il existe deux options. BMFonts et polices TTF.

BM Font signifie Bitmap font. Les BMFonts, en général, ont une qualité inférieure mais offrent des avantages en termes de performances. Les BMFonts sont idéaux pour les situations où vous avez beaucoup d'objets à l'écran et dans les situations où votre texte change constamment. Semblables aux particules et animations de feuilles de sprites, les BMFonts nécessitent un PNG (avec chaque caractère) et un fichier de données FNT. hyperPad peut prendre en charge n'importe quel générateur de BMFont compatible avec cocos2D. Un exemple est BMGlyph.

Lors de l'importation de polices BM, vous ne pouvez importer que depuis Dropbox. Assurez-vous donc d'avoir un compte Dropbox lié et d'ouvrir celui-ci. Naviguez jusqu'à l'endroit où vous avez enregistré vos fichiers de polices.

Naviguez jusqu'à l'endroit où vos fichiers bmfont sont stockés, sélectionnez les fichiers et appuyez sur terminé (notez que l'image ci-dessous montre 4 fichiers sélectionnés car la bascule SD/HD est active).

TTF signifie True Type Font et est le format le plus courant et lorsque vous téléchargez des polices en ligne, ce sera probablement le type de fichier que vous recevrez. Les polices TTF ont une qualité beaucoup plus élevée et n'ont pas de pixellisation lorsqu'elles sont affichées sur n'importe quel appareil. Cependant, cette qualité supérieure a un coût en termes de performances. Les polices TTF sont souvent utilisées pour les situations où il y a de petites quantités de texte, comme les étiquettes. Contrairement aux BMFonts, il n'y a qu'un seul fichier ttf à gérer.

L'importation de polices de type TTF est un processus similaire aux autres actifs, cependant, vous avez quelques sources d'importation supplémentaires.

L'importation d'une police depuis Dropbox ou l'application Fichiers est similaire aux autres actifs. Il suffit de naviguer jusqu'où la police est située et de la sélectionner.

hyperPad est également capable d'accéder aux polices système incluses dans iOS sur votre iPad. Pour importer l'une de ces polices, sélectionnez Polices système sous la source d'importation.

Vous serez invité à choisir parmi une grande liste de polices avec un petit aperçu de leur apparence. Si vous avez une police spécifique en tête, vous pouvez y accéder alphabétiquement en appuyant sur l'une des lettres à droite. Lorsque vous trouvez une police qui vous plaît, il vous suffit de taper dessus et de taper sur terminé.

Importation à partir d'autres applications :

hyperPad peut importer du contenu à partir d'applications tierces. Si vous utilisez une application qui peut exporter/partager avec d'autres applications utilisant la boîte de dialogue "Ouvrir dans", alors vous pouvez importer un actif compatible dans hyperPad.

Une fois que vous avez choisi d'exporter votre actif vers hyperPad, vous serez invité avec une fenêtre pour sélectionner le projet dans lequel vous souhaitez importer l'actif.

Après l'importation réussie, votre actif sera situé dans la Bibliothèque d'actifs.