logo hyperPad Forum
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Search
    • Login

    How to import SpriteSheets and their plist?

    Scheduled Pinned Locked Moved
    Help and Support
    3
    26
    922
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • D
      Deeeds @Murtaza
      last edited by

      @Murtaza

      Related question:

      How do I build an animation manually, from a series of .png files?

      I've managed to import a folder of them, and now baffled about how to "make" a frame sequence from them.

      1 Reply Last reply Reply Quote 0
      • D
        Deeeds @Murtaza
        last edited by Deeeds

        @Murtaza More fun... my sprite sheet is deliberately less than a 2048x2048 sheet. In other words, it's 40 images of 256x256.

        As individual images, so I can import them.

        I've figured out how I'm supposed to import them, and got as far as selecting them, but then got a warning and failure because this will create, as far as hyperPad is concerned, a sprite sheet larger than 2048 x 2048.

        Which it simply won't. They're sequentially numbered, out of After Effects, "File_Name_00XX.png"

        D 1 Reply Last reply Reply Quote 0
        • D
          Deeeds @Deeeds
          last edited by

          @Murtaza I've just tried importing only 8 of them, which can't go past 2048 even in a straight line (one row), and it's failed with the same warning.

          1 Reply Last reply Reply Quote 0
          • D
            Deeeds @Murtaza
            last edited by

            @Murtaza In the Frame and Animation Previews, the size is reported wrongly as 128 x 128 px

            This should be points, not px, as it's translating to 4.00 x 4.00 metres.

            1 Reply Last reply Reply Quote 0
            • HamedH
              Hamed Admin
              last edited by

              When importing an image, it counts it as the @2x version. So if you're uploading a 256 x 256 image, its actually, creating the @1x version for you. So the 128x128 px is accurate.

              Its maximum 2048 on each side. So if you have 2050px by 10px for example, it will error out.

              D 2 Replies Last reply Reply Quote 0
              • D
                Deeeds @Hamed
                last edited by

                @Hamed So it's got the right images, then... and knows they're square, and that they're not larger than 2048... why is it failing to make a sprite sheet and reporting a "size too big" error?

                I've tried with 5 images, this works. Any more than that... fail.

                Each image is exactly 256 x 256...

                1 Reply Last reply Reply Quote 0
                • D
                  Deeeds @Hamed
                  last edited by

                  @Hamed said in How to import SpriteSheets and their plist?:

                  When importing an image, it counts it as the @2x version. So if you're uploading a 256 x 256 image, its actually, creating the @1x version for you. So the 128x128 px is accurate.

                  Strictly speaking, this is ONLY accurate information if it lets me know it's creating a 1x version for me. Otherwise I feel like I've lost half my pixel information. And I love my pixels. Every single one of them.

                  They're my little digital minions.

                  1 Reply Last reply Reply Quote 0
                  • HamedH
                    Hamed Admin
                    last edited by

                    Can you email us the images that you're using so I can re-create this and see whats going on?

                    D 1 Reply Last reply Reply Quote 0
                    • D
                      Deeeds @Hamed
                      last edited by

                      @Hamed try these: https://www.dropbox.com/sh/jq2iedb8aw1gw1w/AAAoOxfVzrhc7GTVn-c0VKMha?dl=0

                      1 Reply Last reply Reply Quote 0
                      • D
                        Deeeds @Murtaza
                        last edited by

                        @Murtaza I can't get this to work the way I want. Placement issues abound. And very time consuming.

                        1 Reply Last reply Reply Quote 0
                        • HamedH
                          Hamed Admin
                          last edited by Hamed

                          So here are the steps I took:

                          1. Import one of the images. It will have a graphic label in the assets library.

                          2. Press and hold the graphic. Tap on Add animation.

                          3. Since each image is 256 x 256 px, this means you can only select 8 images (Max 2048 x 2048 px).

                          4. create a name for your your animation and press save.

                          This creates a sprite sheet with your 8 images.

                          If you wanted all 40 of the images, aim for 51px per image

                          D 1 Reply Last reply Reply Quote 0
                          • D
                            Deeeds @Hamed
                            last edited by

                            @Hamed How is 256x256x8 getting you to 2048x2048?

                            1 Reply Last reply Reply Quote 0
                            • HamedH
                              Hamed Admin
                              last edited by

                              Its x :256 * 8, y: 256 * 8

                              The axis are independent.

                              D 1 Reply Last reply Reply Quote 0
                              • D
                                Deeeds @Hamed
                                last edited by

                                @Hamed So you fill the sprite sheet in a diagonal line?

                                1 Reply Last reply Reply Quote 0
                                • HamedH
                                  Hamed Admin
                                  last edited by

                                  Oh i see the confusion. Its not actually multiplying 2048 and 2048. Your final image must be less than 2048 on the x direction and 2048 in the y direction.

                                  D 1 Reply Last reply Reply Quote 0
                                  • D
                                    Deeeds @Hamed
                                    last edited by

                                    @Hamed So you're doing this?

                                    0_1513271259809_grid8x8.png

                                    1 Reply Last reply Reply Quote 0
                                    • HamedH
                                      Hamed Admin
                                      last edited by

                                      Hmmm. No, but I see what you mean. I should definitely be able to fill up a 2048 by 2048 area.

                                      This is the final image its producing 0_1513271460638_IMG_0008-hd.png

                                      1 Reply Last reply Reply Quote 0
                                      • HamedH
                                        Hamed Admin
                                        last edited by Hamed

                                        And I can only add 7 and not 8.

                                        D 1 Reply Last reply Reply Quote 0
                                        • HamedH
                                          Hamed Admin
                                          last edited by

                                          Another bug to add to the list!

                                          D 1 Reply Last reply Reply Quote 0
                                          • D
                                            Deeeds @Hamed
                                            last edited by

                                            @Hamed Cheers, if you can, aim for wrapping, like this:

                                            0_1513271708563_Screen Shot 2017-12-15 at 1.14.07 AM.png

                                            1 Reply Last reply Reply Quote 1
                                            • First post
                                              Last post