Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
hyperPad

hyperPad Forum

  1. Home
  2. Help and Support
  3. Vertical Background Loop

Vertical Background Loop

Scheduled Pinned Locked Moved Help and Support
8 Posts 4 Posters 953 Views 1 Watching
  • 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.
  • SplitMindGamingS Offline
    SplitMindGamingS Offline
    SplitMindGaming
    wrote on last edited by SplitMindGaming
    #1

    So this has been mentioned on my previous thread but that thread wasnt directly for this problem. Hopefully other members here can shed some light on how to make this happen. I would like to seamlessly loop a vertical background image. So as the player goes upwards. He actually looks like hes going upwards. I and some members have tried screen wrap but that shows very inconsistent as it leaves gaps between images. Below is an example of a seamless vertical background image I would like to loop. Any help or maybe even a better feature of background image support would be very much appreciated. Maybe a dedicated wrap image around screen behavior?

    D09DD5F9-1A6E-4054-A2E8-BA9440370F56.jpeg

    MelideM 1 Reply Last reply
    0
    • SplitMindGamingS SplitMindGaming

      So this has been mentioned on my previous thread but that thread wasnt directly for this problem. Hopefully other members here can shed some light on how to make this happen. I would like to seamlessly loop a vertical background image. So as the player goes upwards. He actually looks like hes going upwards. I and some members have tried screen wrap but that shows very inconsistent as it leaves gaps between images. Below is an example of a seamless vertical background image I would like to loop. Any help or maybe even a better feature of background image support would be very much appreciated. Maybe a dedicated wrap image around screen behavior?

      D09DD5F9-1A6E-4054-A2E8-BA9440370F56.jpeg

      MelideM Offline
      MelideM Offline
      Melide
      wrote on last edited by
      #2

      @SplitMindGaming Making it yourself could be easy if you have enough knowledge ( I could be wrong, I've never tried to make a dynamic wrap around screen behavior myself ). But if you want a specific thing to happen in your project and the simple way doesn't work, try to find other ways to do it 😉 I'll try to find something you can work with 🤷

      SplitMindGamingS 1 Reply Last reply
      0
      • MelideM Melide

        @SplitMindGaming Making it yourself could be easy if you have enough knowledge ( I could be wrong, I've never tried to make a dynamic wrap around screen behavior myself ). But if you want a specific thing to happen in your project and the simple way doesn't work, try to find other ways to do it 😉 I'll try to find something you can work with 🤷

        SplitMindGamingS Offline
        SplitMindGamingS Offline
        SplitMindGaming
        wrote on last edited by
        #3

        @XxWhiteHearrxX yes I have found cocosd coding on how to do it actually. But the coding looks way beyond my field of expertise. I just feel like a background loop should be an easy thing to add for hyperpad. I shouldnt have to go through great lengths to actually go learn how to code from scratch just to achieve a background loop. Just my opinion.

        MelideM 1 Reply Last reply
        0
        • SplitMindGamingS SplitMindGaming

          @XxWhiteHearrxX yes I have found cocosd coding on how to do it actually. But the coding looks way beyond my field of expertise. I just feel like a background loop should be an easy thing to add for hyperpad. I shouldnt have to go through great lengths to actually go learn how to code from scratch just to achieve a background loop. Just my opinion.

          MelideM Offline
          MelideM Offline
          Melide
          wrote on last edited by
          #4

          @SplitMindGaming It's better cause it gives you the opportunity to push the boundaries of your knowledge. And never tell that things has to be easy, if it is not then you can still find other ways. And finding other ways will teach you more than you think!

          1 Reply Last reply
          0
          • RobinsonXR Offline
            RobinsonXR Offline
            RobinsonX
            wrote on last edited by
            #5

            @SplitMindGaming You can make it so when your screen or player collides near the edge of the image, it moves so it looks like it's going forever.

            If you have the image height of 10m, you can make it so everytime the player moves up 10m, the image moves 10m.

            SplitMindGamingS 1 Reply Last reply
            0
            • RobinsonXR RobinsonX

              @SplitMindGaming You can make it so when your screen or player collides near the edge of the image, it moves so it looks like it's going forever.

              If you have the image height of 10m, you can make it so everytime the player moves up 10m, the image moves 10m.

              SplitMindGamingS Offline
              SplitMindGamingS Offline
              SplitMindGaming
              wrote on last edited by
              #6

              @RobinsonX how do you set up the behaviors?

              Aidan_FireA 1 Reply Last reply
              0
              • SplitMindGamingS SplitMindGaming

                @RobinsonX how do you set up the behaviors?

                Aidan_FireA Offline
                Aidan_FireA Offline
                Aidan_Fire
                wrote on last edited by
                #7

                @SplitMindGaming Here's what I've come up with first:
                https://go.aws/2PW3Mv2 (copy paste this into safari to download the project)

                It's not perfect, it stutters a little bit every time it loops, but it never gets gaps. This exact logic will only work if the game is portrait iPad background size (otherwise the numbers just need to change a bit).

                The logic is all in the main background object (on the Background layer). It works on both y and x axis (so it loops both ways) but if you don't need it to loop in the x direction you don't need half the behaviours (the ones marked with ❌). It works by having 4 objects, one of them does the looping logic and teleports all the others next to itself. Again if you only need y, you don't need the two background objects to the right.

                I hope you can look through it and understand how it works. I think I might know how to make a seamless one that never stutters, but it would be more complicated.

                SplitMindGamingS 1 Reply Last reply
                1
                • Aidan_FireA Aidan_Fire

                  @SplitMindGaming Here's what I've come up with first:
                  https://go.aws/2PW3Mv2 (copy paste this into safari to download the project)

                  It's not perfect, it stutters a little bit every time it loops, but it never gets gaps. This exact logic will only work if the game is portrait iPad background size (otherwise the numbers just need to change a bit).

                  The logic is all in the main background object (on the Background layer). It works on both y and x axis (so it loops both ways) but if you don't need it to loop in the x direction you don't need half the behaviours (the ones marked with ❌). It works by having 4 objects, one of them does the looping logic and teleports all the others next to itself. Again if you only need y, you don't need the two background objects to the right.

                  I hope you can look through it and understand how it works. I think I might know how to make a seamless one that never stutters, but it would be more complicated.

                  SplitMindGamingS Offline
                  SplitMindGamingS Offline
                  SplitMindGaming
                  wrote on last edited by
                  #8

                  @Aidan-Oxley i see what you did there. Very smart. Really is complex for just a background loop. Would love to see hyperpad get a behavior feature where it can automate this process for us much easier.

                  1 Reply Last reply
                  0

                  Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                  Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                  With your input, this post could be even better 💗

                  Register Login
                  Reply
                  • Reply as topic
                  Log in to reply
                  • Oldest to Newest
                  • Newest to Oldest
                  • Most Votes


                  • Login

                  • Login or register to search.
                  • First post
                    Last post
                  0
                  • Categories
                  • Recent
                  • Tags
                  • Popular
                  • Users
                  • Search