I have been attempting to figure out how to make it so the children inside a scroll box shrink and fade out when they get close to the edge but I cannot figure it out. I have attempted the use of a retainer, but this was not achieving the effect I would like. Is there any way to achieve this, or is this just fantasy at this rate? Possibly animations?
Something like this:
You could use a variety of solutions, as I believe there are no-one solution in Unreal Engine for this. The animation timeline is one of the tools I would suggest using if you want to create nice transitions between the scrolling.
By using blueprints you could have it set so that the main box snaps into view when scrolling. On the scroll you will know in which direction the user scrolled. When that happens simply run an animation for each box affected and reorder them.
There might be something for this on the Unreal Engine Marketplace as well.
Best I could come up with using Retainer box material…
Not ideal because the retainer texture is a fixed width snapshot, so scaling horizontally causes issues. So I’m only scaling vertically and to a lesser extent to reduce distortion.
Method works well for the opacity part though.
For the scaling part it is certainly possible to achieve better results with some blueprinting. Wouldn’t use animations though as the scaling is gonna depend on scroll position not on time, so just tick & calculate a render scale for each element.
