Page 1 of 1

How to scroll endless?

Posted: Tue Aug 02, 2016 7:47 am
by HHGG
I have two layers of a mountain landscape:

Image

Now I want to scroll them endless from right to left in two different velocities
to have a parallax effect.

How can I do that?

For a seamless scrolling the most left and the most right y value have to be the same value.
How can I reach that?

Re: How to scroll endless?

Posted: Tue Aug 02, 2016 7:57 am
by slowtiger
To get an endless scrolling effect, your BG needs to be identical at both ends. Start the pan at part A and end it at A' so they create identical views. Set the last keyframe to cycle so the pan starts at frame 2 again (not frame 1 as 1 and last frame are identical, including 1 would cause a stop in the pan).

Do this for each level of BG.

Re: How to scroll endless?

Posted: Tue Aug 02, 2016 9:59 am
by Greenlaw
Everything Slow Tiger says. Here are a few more tips:

1. Create the top and bottom of your image as open paths. This should make it easier to duplicate, edit and merge the segments to that look 'seamless'. When you're done, you can close the segments to create your fills.

2. Make a duplicate layer you can shift to the right and left to use as a reference guide. You can delete this layer when you're done lining up the actual BG artwork.

3. If you're okay with using bitmaps, alternatively, you can render the BG layers, bring them into Photoshop and use Offset > Horizontal with Wrap Around enabled. The offset should ideally be half the width of the total. From here, you can paint the edges to make them seamless. Reverse the Offset to make the image go back to it's original position. Save it as a PNG with transparent BG enabled.

Now you can use this as a tiling Image Texture in ASP. Just fill a background rectangle with this image and animate the texture transform widget to make it scroll as far as you like--no need to duplicate shapes and align them.

4. You can use Cycle interpolation to avoid physically animating the BG layer (or the texture transform widget) a great distance.

5. It's a good idea to make the background artwork much wider than a single screen width, otherwise the tiling will be immediately noticeable.

Re: How to scroll endless?

Posted: Thu Aug 04, 2016 12:46 am
by HHGG
Thank you for your answers. Could be to complicated for me as a beginner,
but I will see.