Asset Library

The Asset Library allows you to access, import, and organize all your project assets.

By default a UI folder automatically created containing some UI assets to use. You can import custom assets, or get more free assets from the hyperPad Asset Shop.

Assets are categorized by type. Each asset has a label with it's asset type below the name. Asset types include: Graphics, TTF fonts, BM Fonts, Sounds, Particles, Animated.

 

 

 

Get Assets

From the hyperPad asset shop you can get free assets to get you started. The Asset Shop is always being updated with new content, so be sure to check back often.

 

Create Effects

You can launch the Sound Effects creator, or the Particle Creator from the Create Effects option in the Asset Library.

 

Import Assets

You can import assets from the Camera Roll, Dropbox, and iTunes. Additionally compatible apps can share content with hyperPad using the "Open In.." dialog in iOS.

 

Link With Dropbox

By linking your project with dropbox you can add, modify, and organize assets from your desktop computer (both Mac and PC), the Dropbox app, the dropbox website, and any other dropbox compatible app.

Additionally linking with Dropbox is the only way to import certain assets, like custom fonts. You can learn more about importing, and supported file types from the help documentation topics regarding importing assets.

 

 

Asset Menu

If you tap and hold any asset it will open the Asset Menu. The Asset Menu is used to modify, and perform specific actions on your asset.

The Asset Menu contains different options for the various asset types.

 

 

 

 

Asset Types

Graphics:

Graphic assets are just standard images. hyperPad supports all the standard image formats that your iPad supports. You can even import images with transparent elements.

For best results you should use PNG files, as they support transparency and are a lossless format. Image types like JPG don’t support any transparency and are compressed which results in a lower image quality.

For best performance, avoid transparent images with large empty spaces around your graphic.

When creating your graphics you should make sure everything fits within the iPads screen size.

There are 2 resolutions for the iPad, 1024×768 for regular devices and 2048×1536 for retina devices. You should always try to create the graphics for the highest resolution supported as hyperPad will automatically create non retina versions for you.  So when creating graphics and illustrations for your projects you should make sure your artwork is designed for 2048x1536 resolution.

Also keep in mind that the maximum image size that can be imported is 2048×2048 pixels.

 

 Animated:

Assets with the Animated label are essentially folders that contain Animation Cycles (Animations) within. You can learn more about Importing and Using Animations in the related article.

If you’re working with animations, make sure each animation frame is exactly the same resolution, and the artwork is in the exact center of image or doesn’t move around

 

Sounds:

Any sound or music file imported, or created with the built in sound effects creator are labeled as a sound.

hyperPad can playback all audio formats supported by iOS. This includes MP3, MP4, M4A, M4R, WAV, PCM, AIFF, and more. For a full list see Apples iOS Developer Library.

Note that if you're using the import functionality of the Asset Library, the audio file will be converted to M4A. If you wish to keep the original file format, then you must "Link With Dropbox", and add your audio through a dropbox app, web browser, or desktop computer. See "Importing Assets" for more info on importing and linking with Dropbox.

 

Particle:

Any Particle Effect created with the built in particle editor will be labeled as a Particle asset. You can add a Particle asset to your scene by selecting it and dragging it on the canvas like any other asset.

 

TTF Font:

TTF fonts (True Type Font) are vectorized fonts that can have various modifiable appearance settings. If you add a Label object from the Special Objects icon on the Dock (see Object Dock help documentation) you can use any TTF font to change the appearance.

You can also select a TTF font to add it to the dock and drag it onto the Canvas. Dragging a TTF font on the canvas will automatically create a label object with that font automatically selected for you.

You can import custom TTF fonts using Dropbox, or use the built in system fonts by using the Import option on the left panel of the Asset Library.

 

BMFont

BMFonts (Bitmap Fonts) are similar to TTF fonts, however they use an actual image as the font, rather than vectorized data. This means you can't change the font size from the object properties, and scaling the font object will result in pixelated graphics.

BMFonts are better for performance. If you have a lot of labels in your scene with rapidly changing text, it may be better to us a BMFont instead of TTF Fonts.

To import BMFonts you must link your project with Dropbox and use the Dropbx Sync functionality. BMFonts are comprised of 2 parts. The font image (PNG), and the metadata file (FNT). All BMFonts must include a PNG and FNT sharing the same name. e. MyFont.PNG and MyFont.FNT.

Unlike other image based assets, BMFonts will not generate an SD (Non Retina) resolution version. If you want to support Retina and Non Retina, you must create your own HD and SD versions. Retina Graphics are typically 2X the size. For a Retina HD version you must use the following naming convention: MyFont-hd.PNG MyFont.PNG, MyFont-hd.FNT, and MyFont.FNT. Notice that the retina version has an "hd" added to the filename. Additionally, the hd is case sensitive. You must use a lowercase "hd" at the end of your name.

You can use tools like "bmGlyph" to generate compatible BMfronts from existing fonts. You can also use any other tool capable of creating a BMfont that is compatible with "Cocos2D".

 

9 Slice:

9 Slice objects (sometimes referred as 9 Patch) are objects with user defined margins that divide an image into 9 sections and change the way the object scales. 

Scaling or resizing a 9 Slice object will scale the centre, and move the corners outwards so the edges of the the graphic maintain their shape and appearance. You can learn more about 9 Slice Assets in the related article.

 

 

 

Have more questions? Submit a request

3 Comments

  • 0
    Avatar
    Matt Mason

    I've never used Gamepress, but I just purchased Hyperpad a couple days ago. I have a few questions.
    1.) Does the app come with any starting assets?
    2.) Is there a place where I can download a starting asset library so that I can have objects to work with while I learn?
    3.) I know there was (or maybe still is) a Gamepress Arcade. Where can I check out apps that are made for Hyperpad so I can see what others are doing with the app?

    Thanks so much. Appreciate it! :-)

  • 0
    Avatar
    sue phoenix

    They are still in the process of producing asset library and it will be in next update. you can download free sound effects and clip art on line. sites like runtime dna, renderosity, deviantart and content paradise have freebies which include graphics. I dont know about checking out apps made apart from the one example that came from the app but I think this is a pretty new app so there might not be much out there atm. I think that although its not exactly the same, that its not that far removed from gamepress. I was watching a gamepress tutorial on youtube and it looked very much the same to me.

  • 0
    Avatar
    Matt Mason

    Thanks Sue. I will check those sites out for now. Hopefully they will put together some type of asset library to get started with the program on a future update like you said. This way people can have something to work with right away while they learn the program. Yeah, gamepress tutorials seems to show how to use the new Hyperpad app since the menu seems to be very similar. Appreciate your comment! :-)

Please sign in to leave a comment.
Powered by Zendesk