top of page

Finding ways to loop your own background gets pretty complicated and frustrating.

I know some of you have already found a “way” to loop backgrounds by using the &overlay OL shifts to — in T THEN overlay OL shifts to — in 0 loop INFINITE times code, but the thing with using that coding is that the background doesn’t really loop around smoothly. It makes the image just go back to the first spot which looks a bit weird and glitchy.

Here is what I mean about looking glitchy:

Lucky for all of you, I have finally figured out a way to have a smooth looping background without that weird glitchiness, and I am here to share the coding with everyone!

This is what it looks like to truly loop a background all the way around smoothly:

If you haven’t figured by now, to loop your own background you have to upload the background as an overlay and animate the overlay.

The coding I use to loop backgrounds uses 3-zone backgrounds only, and the overlay image size must be 1183 (width) x 700 (length) in order for the templates down below to work correctly.

Background Overlay Placement

The Placement Code

  • Copy and paste the placement coding (above) first in your script.

  • Choose a speed down below, then copy and paste that coding into your script.

  • Change LOOP_OVERLAY to your own overlay’s name in all capitals:

  1. Highlight only LOOP_OVERLAY in your script. DO NOT highlight LOOP_OVERLAY_2

  2. Press Ctrl + F on your keyboard (Cmd + F for Macs)

  3. A small grey box will pop up, click on ALL first!

  4. Type in your overlay name in all caps.

Looping Speeds

Speed 0​

Speed 1

Speed 2

Speed 3

Speed 4

Speed 5

Speed 6

Speed 7

Speed 8

REVERSE Looping Speeds

The Placement Code

Reverse - Speed 0​

Reverse - Speed 1

Reverse - Speed 2

Reverse - Speed 3

Reverse - Speed 4

Reverse - Speed 5

Reverse - Speed 6

Reverse - Speed 7

Reverse - Speed 8

Here are some looping backgrounds as PNG images already in their correct sizes

Using your own 3-zone background

If you want to use your own 3-zone background to loop, make sure that the side ends of the image match each other so that the image can loop smoothly.

This is what it will look like if the ends of the image do not match.

bottom of page