Assets importeren

Dit artikel behandelt de verschillende manieren om assets te importeren in hyperPad. Om de verschillende soorten assets die je kunt importeren te bekijken, kun je het artikel "Ondersteunde Asset Types" raadplegen.

De snelste manier om te importeren is door de Asset Library te openen en de optie "Importeren" in het linker menu te kiezen. Dit vraagt je om het type asset te kiezen dat je wilt importeren.

Grafieken importeren:

Als je alleen een standaard afbeelding zonder animaties wilt importeren, selecteer dan de grafische optie in het importvenster.

Je krijgt vervolgens de beschikbare bronnen te zien om uit te importeren.

Camera Roll importeert afbeeldingen rechtstreeks vanaf de afbeeldingsbibliotheek van het apparaat (in de Foto's-app). Dit omvat alle foto's die je met de camera maakt, importeert vanuit derde partij-apps of downloadt via de webbrowser.

Bestanden stelt je in staat om toegang te krijgen tot de "bestanden"-app en deze te gebruiken om naar afbeeldingen te bladeren. De bestanden-app biedt ook toegang tot iCloud Drive en andere derde partijbronnen die integreren met de Apple Bestanden-app (zoals Dropbox, Google Drive en Skydrive).

Dropbox geeft je toegang tot je Dropbox-bibliotheek. Om Dropbox met hyperPad te gebruiken, moet je eerst je account koppelen en hyperPad toestemming geven om toegang te krijgen tot je bestanden. Dit zal automatisch worden gevraagd de eerste keer dat je probeert te importeren vanaf Dropbox.

Eenmaal geselecteerd, kun je met de bestandsbrowser navigeren en de afbeelding vinden die je wilt importeren.

SD+HD Toggle

Je zult waarschijnlijk de Import SD+HD-schakelaar in de rechterbovenhoek van het importvenster opmerken. Standaard is deze uitgeschakeld. Wanneer deze is uitgeschakeld, hoef je je geen zorgen te maken over aparte standaard en hoge resolutie voor de afbeeldingen die je importeert. Met deze schakelaar uit, gaat hyperPad ervan uit dat alle geïmporteerde afbeeldingen "HD" zijn. Importeer gewoon een afbeelding van hoge kwaliteit en hyperPad maakt automatisch de standaarddefinitie voor je aan. Dit betekent dat, wanneer je app op een ander apparaat wordt gebruikt (zoals oudere Apple-apparaten die geen Retina-displays hebben), automatisch de lagere kwaliteit afbeeldingen worden gebruikt.

Opmerking: Vergeet niet dat de maximale afbeeldingsgrootte die hyperPad toestaat 2048x2048 is. Bij het importeren van grafieken kan hyperPad elk afbeeldingsbestand gebruiken dat compatibel is met iOS. Het aanbevolen formaat voor grafieken is PNG, omdat het ook transparante grafieken kan verwerken.

Animaties importeren:

In hyperPad zijn er 2 hoofdmethoden voor het importeren van animaties. 1) Animaties maken tijdens importeren, en 2) Een spritesheet importeren.

Animaties maken:

Deze eerste methode voor het importeren van animaties, maakt een animatieserie voor je aan terwijl je elk animatiekader importeert.

Selecteer Animatie maken. Dit opent het venster Importbron. Hier kun je kiezen uit de beschikbare bronnen voor jouw import; Camera Roll, Bestanden en Dropbox.

Opmerking: Deze methode heeft de import SD+HD-schakelaar niet. Dit komt omdat hyperPad automatisch een spritesheet in HD en SD voor je aanmaakt wanneer deze methode wordt gebruikt om de animatiekaders te importeren.

Dus zorg ervoor dat elk afbeeldingsframe de hoogste resolutie heeft die je hebt, en dat elk frame exact dezelfde grootte heeft met het object gecentreerd. Als het object niet gecentreerd is en elk frame een andere grootte heeft, zal je animatie niet correct afspelen.

Vergeet ook niet dat de totale gecombineerde frames niet groter dan 2048x2048 pixels mogen zijn. Dit betekent dat als je een 16-kader animatie hebt, elk frame geen meer dan 128*128 pixels mag zijn.

Nadat je hebt geselecteerd waar je jouw afbeeldingen wilt importeren, navigeer je naar de map waar je de afbeeldingen hebt opgeslagen en open je deze. Daar kun je de gewenste afbeeldingen selecteren door erop te tikken.

Nu, selecteer elke afbeelding, zorg ervoor dat ze correct zijn genoemd zodat ze in de juiste volgorde worden geïmporteerd. Deze afbeeldingen worden onze frames van de animatie. Zodra ze zijn geselecteerd, tik je op voltooien om te importeren. Je wordt gevraagd om een naam voor de animatie op te geven zodra de import is voltooid.

Je kunt de animatie vooraf bekijken om ervoor te zorgen dat deze correct werkt, door je vinger op het net gemaakte geanimeerde asset in de bibliotheek te houden. Dit opent het Asset-menu. Selecteer Voorbeeldanimatie om de animatieserie af te spelen.

Spritesheet importeren:

Deze tweede methode is iets complexer en maakt gebruik van andere tools. Het levert meestal de beste resultaten op. Deze methode vereist de creatie van een spritesheet en een bijbehorende plist-gegevensbestand. Elk programma dat bestanden kan genereren die compatibel zijn met Cocos2D zal werken. We raden TexturePacker hiervoor aan. Het programma kan hier gratis worden gedownload: https://www.codeandweb.com/texturepacker

Zodra je spritesheet en plist-gegevens zijn aangemaakt, selecteer je Spritesheet importeren in het animatie-importmenu.

Net als bij andere assets krijg je vervolgens een bron te zien om uit te importeren. Merk op dat je voor spritesheets niet vanuit de Camera Roll kunt importeren. Dit komt omdat spritesheets een PLIST-gegevensbestand nodig hebben naast het spritesheetafbeelding.

Selecteer jouw gewenste bron en navigeer naar waar je de bestanden hebt opgeslagen.

Wanneer je jouw bestanden hebt gevonden, tik je ze simpelweg aan om ze te selecteren en tik dan op voltooien in de rechterbovenhoek om met importeren te beginnen.

Opmerking: Je moet zowel de spritesheetafbeelding als het plist-gegevensbestand selecteren, anders ontvang je een foutmelding. Ook als de Import SD+HD-schakelaar aan is, moet je 4 bestanden selecteren. Een SD- en HD-afbeelding, en een SD- en HD-plistbestand.

Deeltjes importeren

Het importeren van deeltjes werkt op dezelfde manier als het importeren van een spritesheet-animatie. Net als spritesheets zijn deeltjes samengesteld uit 2 bestanden. Je hebt je deeltjesgrafiek en een PLIST-metadata bestand dat de parameters van de deeltjes effecten bevat. Dus wanneer je jouw deeltjes effect selecteert en importeert, moet je beide bestanden selecteren. Houd er rekening mee dat deeltjes vrij veel middelen kunnen vereisen, dus jouw deeltjesgrafiek moet relatief klein zijn. We raden meestal aan om niet groter te zijn dan 64x64 pixels voor een HD-deeltje.

Opnieuw, vergelijkbaar met grafieken en animaties, bestaat de SD+HD-schakelaar.

Je kunt elke deeltjescreatie-app gebruiken die een Cocos2D-compatibel deeltjesysteem exporteert.

Muziek & Geluids effecten importeren

Het importeren van geluiden en muziek in hyperPad is vrij eenvoudig. Open het menu Assets importeren en selecteer deze keer Muziek & Geluid voor de soorten assets die je wilt importeren.

Hier kun je audiobestanden importeren vanuit je iTunes-bibliotheek, de Bestanden-app en Dropbox.

Zodra je je importbron hebt geselecteerd, navigeer je eenvoudig naar de audiobestanden die je wilt importeren, selecteer je ze en tik op voltooien. Zoals voorheen kun je meerdere bestanden tegelijk importeren.

hyperPad kan alle audiotypen afspelen die door iOS worden ondersteund. Voor een volledige lijst van compatibele bestanden, raadpleeg de iOS Developer Library hier: https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/MultimediaPG//UsingAudio/UsingAudio.html

Lettertypes importeren

Bij lettertypen zijn er twee opties. BMFonts en TTF-lettertypen.

BM Font staat voor Bitmap lettertype. BMFonts hebben doorgaans een lagere kwaliteit, maar bieden prestatievoordelen. BMFonts zijn geweldig voor situaties waarin je veel objecten op het scherm hebt en in situaties waarin je tekst constant verandert. Net als bij deeltjes en spritesheet-animaties vereisen BMFonts een PNG (met elk teken) en een FNT-gegevensbestand. hyperPad kan elke BMFont-generator ondersteunen die werkt met cocos2D. Een voorbeeld is BMGlyph.

Bij het importeren van BM-lettertypen kun je alleen vanuit Dropbox importeren. Zorg dus dat je een Dropbox-account gekoppeld hebt en deze opent. Navigeer naar waar je je lettertypebestanden hebt opgeslagen.

Navigeer naar waar je bmfont-bestanden zijn opgeslagen, selecteer dan de bestanden en tik op voltooien (opmerking: de afbeelding hieronder toont 4 bestanden geselecteerd omdat de SD/HD-schakelaar actief is).

TTF staat voor True Type Font en is het meest voorkomende formaat. Wanneer je online lettertypen download, is dit waarschijnlijk het bestandstype dat je ontvangt. TTF-lettertypen hebben een veel hogere kwaliteit en zijn niet pixelachtig wanneer ze op enig apparaat worden weergegeven. Deze hogere kwaliteit gaat echter ten koste van de prestaties. TTF-lettertypen worden vaak gebruikt voor situaties waarin er kleine hoeveelheden tekst zijn, zoals labels. In tegenstelling tot BMFonts, moet er maar één ttf-bestand worden beheerd.

Het importeren van TTF-type lettertypen is een soortgelijk proces als andere assets, echter heb je een paar meer importbronnen.

Het importeren van een lettertype vanuit Dropbox of de Bestanden-app is vergelijkbaar met andere assets. Navigeer eenvoudig naar waar het lettertype is opgeslagen en selecteer het.

hyperPad is ook in staat om toegang te krijgen tot de systeemlettertypen die bij iOS op je iPad zijn inbegrepen. Om een van deze lettertypen te importeren, selecteer je Systeemlettertypen onder de importbron.

Je krijgt een grote lijst met lettertypen te zien waar je uit kunt kiezen en ze geven je een kleine preview van hoe ze zullen verschijnen. Als je een specifiek lettertype in gedachten hebt, kun je er alfabetisch naartoe springen door op een van de letters aan de rechterkant te tikken. Wanneer je een lettertype vindt dat je leuk vindt, tik je erop en tik je op voltooien.

Importeren vanuit andere apps:

hyperPad kan inhoud importeren vanuit derde partij-apps. Als je een app gebruikt die kan exporteren/delen met andere apps via de "Open In"-dialoog, kun je een compatibel asset in hyperPad importeren.

Wanneer je hebt gekozen om je asset naar hyperPad te exporteren, krijg je een venster te zien waarin je kies naar welk project je het asset wilt importeren.

Na een succesvolle import ligt je asset in de Asset Bibliotheek.