How to Crop and Import Sprites in hyperPad

A Step-by-Step Tutorial

Hello, fellow game developers! We’re thrilled that you’ve chosen hyperPad as your go-to platform for iPad game dev. Whether you’re creating platformers, adventure games, or anything in between, hyperPad makes it easy to bring your game ideas to life without writing a single line of code.

‍

Today, we’re diving into one of the most frequently asked questions: How do I crop and import sprites within hyperPad? If you're working on a project that involves character animations or custom game assets, this tutorial is for you!

‍

Getting Started with Sprites in hyperPad

Sprites are essential when building characters or interactive elements in your game. Before we jump into cropping, let's first go over how to import sprites into hyperPad.

1. Import Your Sprite
   Start by opening your project in hyperPad. Tap on the Asset Library icon located at the bottom of your screen. From there, tap the "+" button to import your custom sprites. You can import images directly from your iPad’s photo library, cloud storage, or other sources.
2. Managing Your Assets
   Once your sprite is imported, it will appear in the Asset Library. From here, you can manage, duplicate, or delete assets as needed.

‍

How to Crop Your Sprites in hyperPad

Now, let’s move on to cropping your sprites. This is particularly useful if you need to fine-tune the character's appearance, remove unwanted parts, or make the image fit the screen perfectly.

‍

1. Select the Sprite for Editing
   In the Asset Library, press and hold the sprite you want to crop. A pop-up menu will appear with various options. Select Edit Graphic from the list.
2. Enter Crop Mode
   Once you’re in the edit mode, you'll see an array of editing tools. On the left side of the screen, tap on the Crop Icon (it looks like a pair of scissors). This will allow you to adjust the size and shape of your sprite.‍
3. Adjust the Crop Area
   Use your fingers to drag the corners of the cropping box, resizing it to include only the parts of the image you want. You can zoom in or out as needed for precision.‍
4. Apply the Changes
   Once you're satisfied with the crop, tap the Checkmark to save your changes. Your newly cropped sprite will now be updated in the Asset Library, ready to be used in your project!

‍

Using Third-Party Tools for Advanced Sprite Editing

While hyperPad offers a great cropping tool, sometimes you may need more advanced editing features, such as color adjustments or pixel-level modifications. For these scenarios, we recommend using external image editing tools like:

• Procreate (a fantastic option for pixel art and detailed sprite work)
• Affinity Photo (a powerful Photoshop alternative)
• Pixlr (a free online editor)

After editing your sprites in these tools, simply re-import them back into hyperPad via the Asset Library.

‍

Creating a Platformer with Animated Sprites

Now that you've learned how to import and crop sprites, you're ready to start building your game! If you’re working on a platformer and need your character to perform different movements (jumping, running, etc.), you can import multiple sprites for each movement and create an animated sequence in hyperPad.

‍

Here’s a quick guide to get you started:

1. Add Sprites to Your Scene
   Drag and drop your character sprite into the scene. You can layer multiple sprites to create complex animations.
2. Create Animations Using the Behavior Editor
   Use hyperPad’s Behavior Editor to assign different animations to your character’s movements. For example, create a behavior that switches sprites when the character jumps or runs.
3. Test and Refine
   Test your game by pressing the play button. Refine the animations as needed by adjusting sprite timing or adding additional frames.

‍

Join the hyperPad Community!

Need more tips or want to showcase your progress? Join our vibrant community of iPad game dev enthusiasts on Discord or follow us on social media. We're always excited to see what you’re creating, and our community is a great place to exchange ideas, seek advice, and collaborate.

‍

Start Game Dev on iPad Now

Cropping sprites and importing assets in hyperPad is a breeze, making it an ideal tool for nocode game dev on the iPad. Whether you're designing a platformer or an interactive app, hyperPad gives you the power to build stunning projects with ease.

‍

Ready to start? Download hyperPad on your iPad, import your assets, and let your creativity take flight!

‍

And don’t forget, if you love hyperPad, please leave us a review on the Apple App Store. Your feedback helps us grow and continue improving our platform for creators like you. Happy creating!

‍