Parallax Scrolling Test

JCFord · January 2010

Hi Just playing around with GS at the moment finding my feet, here is a quick test to see how GS could handle Parallax Scrolling that loops.

Thanks
Bluefusion

quantumsheep · January 2010

Looks awesome, fella - Looking forward to your first game

JoshKahane · January 2010

Thats great, very convincing and looks wonderful. Im also looking forward to seeing your first game.

beefy_clyro · January 2010

wow, thats awesome, how d'ya do that?

jonmulcahy · January 2010

yea, very cool. I'd be curious to know what you did.

scitunes · January 2010

I really like all the projects you have under your profile.

Hmm, maybe I should take them and send them to the appstore as is.

;->

Sorry! Couldn't resist!

scitunes · January 2010

Too Soon?

JGary321 · January 2010

too late =p

JCFord · January 2010

Hi

Thanks for all the positive comments, I have updated the file slightly:

For those who wanted to know how I created it:

I have several layers as follows:

1. Car
2. Roadside
3. Stone Wall
4. Tree tops
5. Hills
6. Mountains
7. Sky

Each layer is set to scroll at a different speed to create the illusion of depth (parallax scrolling).

For each of the layers I have a 960 pixel wide file (2 screens wide) and I have merged the graphic so the left end matches up perfectly with the right side, so it can loop seamlessly.

I then cut each of the 960 pixel layers into two i.e. a left and a right part (480 pixels) so they are a screen width each.

They are butted up next to each other and given a GS move attribute so they scroll along together next to each other.

I then added a GS change attribute so once the first part scrolls off the screen out of view it jumps onto the end of the second part so it forms part of a seamless loop that next ends.

Thanks
Bluefusion

beefy_clyro · January 2010

Thats quality, thanks for that, definitely food for thought and looks so realistic. Well done and thanks for sharing

BeyondtheTech · January 2010

I was trying to do a seamless background of a city skyline (my image is 1024x256), but GS is rather glitchy. It seems that if I try to extend the image past any of the borders of the screen, the image shifts sometime during the scroll. Can this be fixed, rather than having to split up the background image up?

Parallax Scrolling Test

Comments