# Scrolling backgrounds

**URL:** <https://forum.kirupa.com/t/scrolling-backgrounds/120082>\
**Category:** Uncategorized\
**Created:** [August 20, 2004, 1:45pm UTC](https://forum.kirupa.com/t/scrolling-backgrounds/120082 "2004-08-20T13:45:46Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![anthonywalker](https://avatars.discourse-cdn.com/v4/letter/a/43a26b/32.png) [@anthonywalker](https://forum.kirupa.com/u/anthonywalker)\
**Post date:** [August 20, 2004, 1:45pm UTC](https://forum.kirupa.com/t/scrolling-backgrounds/120082/1 "2004-08-20T13:45:46Z")

</div>

Hi all,  
Looking for help. I would like to create a scrolling background for a web site (something that functions like the old 2d pane scroller games). Does anyone know of any books/articles that address this functionality?  
Many thanks  
Tony

---

<div class="post-metadata">

**Author:** ![JustinM](https://avatars.discourse-cdn.com/v4/letter/j/47e85d/32.png) [@JustinM](https://forum.kirupa.com/u/JustinM)\
**Post date:** [August 20, 2004, 7:17pm UTC](https://forum.kirupa.com/t/scrolling-backgrounds/120082/2 "2004-08-20T19:17:04Z")

</div>

What is the background supposed to do? I just don’t know how those games functioned that you were mentioning.

---

<div class="post-metadata">

**Author:** ![wizard](https://avatars.discourse-cdn.com/v4/letter/w/a87d85/32.png) [@wizard](https://forum.kirupa.com/u/wizard)\
**Post date:** [August 20, 2004, 7:33pm UTC](https://forum.kirupa.com/t/scrolling-backgrounds/120082/3 "2004-08-20T19:33:34Z")

</div>

Masks. 😉

I too don’t really understand what you’re asking, include more details… but I think using a Mask is what you’re looking for.

---

<div class="post-metadata">

**Author:** ![JustinM](https://avatars.discourse-cdn.com/v4/letter/j/47e85d/32.png) [@JustinM](https://forum.kirupa.com/u/JustinM)\
**Post date:** [August 20, 2004, 7:37pm UTC](https://forum.kirupa.com/t/scrolling-backgrounds/120082/4 "2004-08-20T19:37:29Z")

</div>

Maybe he means like a continuously scrolling background with another background layer over it that scrolls at a slower speed?

---

<div class="post-metadata">

**Author:** ![anthonywalker](https://avatars.discourse-cdn.com/v4/letter/a/43a26b/32.png) [@anthonywalker](https://forum.kirupa.com/u/anthonywalker)\
**Post date:** [August 20, 2004, 7:39pm UTC](https://forum.kirupa.com/t/scrolling-backgrounds/120082/5 "2004-08-20T19:39:13Z")

</div>

[larrymartingallery.com](http://larrymartingallery.com)

this is the effect I’m trying to work out.

---

<div class="post-metadata">

**Author:** ![deQue](https://avatars.discourse-cdn.com/v4/letter/d/b19c9b/32.png) [@deQue](https://forum.kirupa.com/u/deQue)\
**Post date:** [August 20, 2004, 7:46pm UTC](https://forum.kirupa.com/t/scrolling-backgrounds/120082/6 "2004-08-20T19:46:25Z")

</div>

It’s just a looped animation. If you know how to make Motion Tweens, you can do something like this in seconds.

---

<div class="post-metadata">

**Author:** ![JustinM](https://avatars.discourse-cdn.com/v4/letter/j/47e85d/32.png) [@JustinM](https://forum.kirupa.com/u/JustinM)\
**Post date:** [August 20, 2004, 7:47pm UTC](https://forum.kirupa.com/t/scrolling-backgrounds/120082/7 "2004-08-20T19:47:06Z")

</div>

Exactly, couple that with a mask and you’re all set. Here’s a link on masks [http://www.kirupa.com/developer/flash5/masking.htm](http://www.kirupa.com/developer/flash5/masking.htm)