BackSlide

I created this javascript to move large layers around on the screen. The basic idea was to use images with transparent areas, so the layers could be seen moving behind one another.

Unfortunately, moving large layers around on the screen is a slow process, at least on my computer. Ideally, six layers, 900 x 900 pixels each, would move around with a frame update rate greater than five per second. Unfortunately, the frame rates I'm getting are slower than three per second. The process is slower and jerkier than I had envisioned. Maybe when I get a new machine... !

I've been trying to compensate by choosing better images, simplifying the code, and mixing in other concepts. Check them all out!

BackSlide 6 The original, six layers, blue abstract objects.

BackSlide 3 Same as Backslide 6, but only three layers.

MeadowFlowers Three full-screen layers with small, white flowers.

MeadowFlowers Portrait Three small layers with small, white flowers.

If this script seems too slow:

• try a different browser.
• close other browser windows.
• close and reopen your browser.
• make your browser window smaller (then reload the page).
• close other applications, especially competing browsers.
  
  
• Try BackSlide 6f, which displays a counter and your frame rate.
  
  
• Advanced: When you load BackSlide, the number following the url controls the frame speed. For example, url?250 means the script begins a new cycle every 250 milliseconds, which is four frames per second. Lowering this number will speed up the animation. But, at a certain point, your computer won't go any faster. Sometimes it will bog down, and go even slower!
  
  1000 milliseconds = 1 second