Page 1 of 1

Infinite scrolling image.

Posted: Tue Nov 03, 2020 5:44 pm
by powertrace
I want to scroll an image and wrap it around the screen so it will be like a infinite scroll, is that possible?

Re: Infinite scrolling image.

Posted: Tue Nov 03, 2020 6:11 pm
by Sadler
Yes, there's a few ways to do this but here's one that doesn't require any extra stuff.
continuous_scroll.jpg
continuous_scroll.jpg (81.64 KiB) Viewed 2093 times
Scrolling speed is controlled by the ramp. You may have to adjust the "3.55" value according to your selected image.

Re: Infinite scrolling image.

Posted: Tue Nov 03, 2020 7:08 pm
by powertrace
Thanks you :)
That connection directly to the second Translate did the trick. What is happening there exactly?

Re: Infinite scrolling image.

Posted: Tue Nov 03, 2020 7:53 pm
by Sadler
The direct (first) input to the second translate is the image centered, and the second input via the first translate is a copy of the image moved to align with the edge of the first image. We now have two of the same image side-by-side.

The second translate slides both images together. The Ramp loops from 0 to 1 but we want it to loop the original width of the image (the first translate value) so the Ramp is scaled by (in this case) 3.55. This loops the image sliding off the screen so we need to Offset it the width of one image back.

I hope that's not too confusing.

Re: Infinite scrolling image.

Posted: Tue Nov 03, 2020 9:04 pm
by powertrace
Thank you, I understand now :)
This program is pretty cool :)