Talk:Parallax scrolling

From Wikipedia, the free encyclopedia
Jump to navigation Jump to search
WikiProject JavaScript  
This article is within the scope of WikiProject JavaScript, a collaborative effort to improve the coverage of articles related to JavaScript, and to the development of user scripts for use on Wikipedia. If you would like to participate, please visit the project page, where you can join the discussion and see a list of open tasks.
 ???  This article has not yet received a rating on the quality scale.
 ???  This article has not yet received a rating on the importance scale.
WikiProject Video games (Rated Start-class, High-importance)
WikiProject iconThis article is within the scope of WikiProject Video games, a collaborative effort to improve the coverage of video games on Wikipedia. If you would like to participate, please visit the project page, where you can join the discussion and see a list of open tasks.
Start-Class article Start  This article has been rated as Start-Class on the project's quality scale.
 High  This article has been rated as High-importance on the project's importance scale.

Current example[edit]

I see only 3 layers. 0_Ô (talk) 23:27, 5 April 2008 (UTC)

I was about to say the same, then I took another look. The dark grass is actually scrolling more slowly than the foreground. I think, however, it is kind of subtle for an example. I think one thing making it confusing is the dark grass has some light grass drawn on it, and the light grass has some dark grass drawn on it. Also, 3 or even 2 layers would be enough to explain the concept OhSqueezy (talk) 09:03, 4 July 2011 (UTC)
I'm happy to make a new one, BTW -- didn't mean to just complain OhSqueezy (talk) 09:08, 4 July 2011 (UTC)


Shouldnt this be moved to Parallax Scrolling ?

Agree. - furrykef (Talk at me) 05:43, 22 Mar 2005 (UTC)

Tone on last part looks neutral. Suggest removing the note about 'fan's point of view' Slipandslide (talk) 12:04, 23 March 2015 (UTC)

Too technical?[edit]

I've moved this from Parallax scroll. However, I'm feeling that this article seems a little too technical, and I'm having some difficulty understanding how this works. Could anybody makes this a little more clear? Oklonia 00:27, 12 Apr 2005 (UTC)

The "layer way" of parallax scrolling is a method of suggesting three dimensions during animation by having objects that are farther away scroll slower than objects in front of them. For a Flash example of this, check out Not sure about the "raster way" though. CHz 04:08, 14 Apr 2005 (UTC)
I just finished adding a boatload of background information that should help explain the techniques. --Damian Yerrick () 05:19, 8 May 2005 (UTC)
I think that while the use of raster techniques, was highly prevalent in the early days of computer animation - it's not really relevant to this article. The right place for raster interrupt techniques is in a specialised area or article directly related to 8-bit computing. They are interesting and important things to be documented, and they could be linked to from here in a 'Implementing Parallax Scrolling in Early Graphical Computer Systems' style link - but the information isn't directly related to the topic at hand. zen_tom 14:47, 18 October 2005
Clarified. Raster effects are still relevant today, as many TV games and handhelds are similar to the 3rd and 4th generation consoles. --Damian Yerrick () 19:43, 25 March 2006 (UTC)
That's a good example, I think I'll make that an external link in the article. WikiSlasher 07:51, 21 June 2006 (UTC)
I’ve added a deconstructed example to demonstrate the concept. I realise it’s fantastically ugly; hopefully someone will find it so embarrasing that they create a better one to replace it. Be bold and all that. -Ahruman 14:02, 30 October 2006 (UTC)

Parallax scrolling and Pseudo-3D merging?[edit]

I just made major edits on Pseudo-3D. Parallax scrolling and Pseudo-3D are not synonymous. Parallax scrolling is "moving the camera vertically or horizontally, with different layers moving at different speed, therefore giving the feeling of depth". Pseudo-3D is any illusion that gives you the depth perception you usually get by the true geometric rules of a threedimensional world has while only making this illusions with concepts and rules of a twodimensional world.

Therefore I would say, Parallax scrolling is a subfield of Pseudo-3D. Yet, parallax scrolling is of such great importance to cartoons, computer games etc. that I would prefer to have a separate article for it. --Abdull 12:51, 16 September 2005 (UTC)

I liked the animation and explanation of Parallax scrolling. However, it says "By moving layer 2 twice as fast as layer 1, and layer 3 twice as fast as layer 1, a suggestion of perspective is achieved". Shouldn't it be "By moving layer 2 twice as fast as layer 1, and layer 3 twice as fast as layer 2, a suggestion of perspective is achieved". As a matter of fact, the two middle-layers are moving at the same speed, thus defeating the purpose of having 2 and not 1 layer there.

The layers are all moving at different speeds, although I appreciate that this isn’t very visible. Layer 3 is in fact moving three times as fast as layer 1. I did say it was fantastically ugly. :-) -Ahruman 16:07, 11 December 2006 (UTC)

Animated Example[edit]

Some people have said it's quite ugly and a bit hard to easily read, well, I've been making a game that uses parallax layers, and we have a built in recording function, I've recorded a short example of the layers moving, and I can supply each individual layer if needed, here's the animated example: Please reply if you think a change is in order —Preceding unsigned comment added by (talk) 09:04, 28 October 2007 (UTC)

As the creator of the current animation, I’d be very happy to see it replaced with something better (such as your example), especially if the separate layers can still be shown. -Ahruman (talk) 10:24, 4 September 2008 (UTC)
So, are the separate layers from the example also available? --trevj (talk) 12:18, 13 April 2011 (UTC)


I can't find a reference, but I can see for myself in MAME that Defender (1980) uses parallax scrolling - the stars move much more slowly than the landscape. Claims that Moon Patrol was first appear suspect - although its parallax scrolling was more advanced. (talk) 19:46, 16 April 2010 (UTC)

I don't see how Defender (1980) qualifies as parallax scrolling, as it does not have any scenery objects moving over the background. Simply having a background moving at a different rate than another background layer does not qualify. There should be an overlap, like in the classic animation technique. I like Forbidden Forest (1983) for Commodore 64 for an early example of multi-layer software parallax scrolling on a home system. You have multiple layers of graphics moving at different speeds, overlapping in a way that creates an illusion of 3D. (talk) —Preceding undated comment added 08:42, 22 March 2011 (UTC).
Parallax scrolling is simply multi-planar scrolling where one layer moves at a different rate than the other. There is nothing that defines layers needing elements visually "overlapping", though a layer or plane for technical purposes does overlap as they are virtually stacked on top of another layer. Defender uses 3 layer parallax scrolling, as do a number of early arcade games. One for the star background and one for the mountainscape, and one for the player. Later games such as Moon Patrol or the mentioned Forbidden Forest, add more. --Marty Goldberg (talk) 17:13, 22 March 2011 (UTC)

Moon Patrol[edit]

I think the fact that parallax scrolling was popularized in the game Moon Patrol in not important enough to be in the first sentence, so I moved it to the end of the summary paragraph. — Preceding unsigned comment added by (talk) 23:14, 5 December 2011 (UTC)

Web design[edit]

This article is missing parallax scrolling as part of web design[1]. Fountains of Bryn Mawr (talk) 14:24, 17 July 2012 (UTC)

Tone on last part looks neutral. Suggest removing the note about 'fan's point of view' Slipandslide (talk) 12:04, 23 March 2015 (UTC)

Removed ambiguous popularity phrase from web design section. Removed FANPOV and ADVERT tags. -- SEWilco (talk) 19:35, 1 June 2015 (UTC)

As a website designer, I have some questions for adding to this article (and whether the article needs clarification at all). Should the technologies be expanded for the tools required to create parallax websites? While HTML5 is inherently used to create webpages, it isn't the component that implements the parallax scrolling; that is most often javascript or a javascript-based library, examples[1][2][3][4] (I am not sure what a good source to site here would be; should individual tools or overviews be cited here?). Also, "parallax" scrolling has been used to refer to general animations dependent upon a visitor's position on the page. Should this be mentioned, because it can might get confusing for people not familiar with the evolution of parallax website design?

Maintenance and rating of JavaScript articles[edit]

Concerning editing and maintaining JavaScript-related articles...


If you are interested in collaborating on JavaScript articles or would like to see where you could help, stop by Wikipedia:WikiProject JavaScript and feel free to add your name to the participants list. Both editors and programmers are welcome.

Where to list JavaScript articles[edit]

We've found over 300 JavaScript-related articles so far. If you come across any others, please add them to that list.

User scripts[edit]

The WikiProject is also taking on the organization of the Wikipedia community's user script support pages. If you are interested in helping to organize information on the user scripts (or are curious about what we are up to), let us know!

If you have need for a user script that does not yet exist, or you have a cool idea for a user script or gadget, you can post it at Wikipedia:User scripts/Requests. And if you are a JavaScript programmer, that's a great place to find tasks if you are bored.

How to report JavaScript articles in need of attention[edit]

If you come across a JavaScript article desperately in need of editor attention, and it's beyond your ability to handle, you can add it to our list of JavaScript-related articles that need attention.

Rating JavaScript articles[edit]

At the top of the talk page of most every JavaScript-related article is a WikiProject JavaScript template where you can record the quality class and importance of the article. Doing so will help the community track the stage of completion and watch the highest priority articles more closely.

Thank you. The Transhumanist 01:13, 12 April 2017 (UTC)

External links modified (January 2018)[edit]

Hello fellow Wikipedians,

I have just modified 3 external links on Parallax scrolling. Please take a moment to review my edit. If you have any questions, or need the bot to ignore the links, or the page altogether, please visit this simple FaQ for additional information. I made the following changes:

When you have finished reviewing my changes, you may follow the instructions on the template below to fix any issues with the URLs.

As of February 2018, "External links modified" talk page sections are no longer generated or monitored by InternetArchiveBot. No special action is required regarding these talk page notices, other than regular verification using the archive tool instructions below. Editors have permission to delete the "External links modified" sections if they want, but see the RfC before doing mass systematic removals. This message is updated dynamically through the template {{sourcecheck}} (last update: 15 July 2018).

  • If you have discovered URLs which were erroneously considered dead by the bot, you can report them with this tool.
  • If you found an error with any archives or the URLs themselves, you can fix them with this tool.

Cheers.—InternetArchiveBot (Report bug) 08:08, 22 January 2018 (UTC)