Tiled BG Mesh Scroll

The Tiled Background Object Right Click> Insert new object> GENERAL> Tiled Background is a versatile plug that you should get very well acquainted with.
It offers everything from a textured progress bar to background filler with motion, and even 3d.
We'll be doing those last two today.


The texture we are using resembles a spreadsheet, and fairly easy to make in an image editor.

Place the texture on the top of the center of the layout. Note that the scale has been customized. Also remember that the color filter is a nice cheat to have custom colors if the object is white.
Make sure the origin is on the top left, and the wrap is set to repeat.
Once you have it set, right click on the object and click edit mesh in the context menu.
We only need 2 x 2 for this.
If you click on the mesh square grab handle at the bottom left you can just enter the offset in the Properties. You will not see the option to edit it until the mesh is selected.
Then the bottom right.

The top left.
The top right.
After that's set right click on the object, copy, and paste the copy under the original.
After you get it pasted, click on it, and change its angle to 180, or just use the drag in the layout, but be careful not to change the size.
After you get it set it should look something like this:









+ System: Every tick
-> TiledBackground: Set image Y offset to TiledBackground.ImageOffsetY+(55×dt)%720

For the scroll set it to change the y offset to its own y offset + 55* dt to deal with frame skipping.
Use modulus 720 to get it to switch to the original texture size to avoid any tearing.

As usual the source is: Here

Comments