![]() Other sites have taken these parallax techniques to dramatically alter the definition of what a webpage can be, using scrolling to introduce new elements, and create motion beyond the y-axis. Some parallax sites give the impression of depth, similar to the effect created by multiplane animation. As a result, every parallax scrolling site is a completely unique experience. The potential for parallax scrolling sites is no longer limited to a certain number of layers, nor by a scroll bar. ![]() With javascript advancements over the last few years, designers and developers now have a much richer canvas on which to build their sites. We Bleed Design offers another great example of transparent PNG simulated parallax. Think Geek has used this method for many years with their background imagery. Using this technique, a foreground layer with transparent bits scrolls over a background layer, giving the illusion of interactionary movement. On the web, the parallax movement started very simply, with only two layers. This gave the appearance of depth using entirely 2D sprites. Sonic the Hedgehog (among many others) simulated a distant background by slowing the movement speed for background planes, and keeping it at a consistent, hedgehog-quick speed for foreground objects. Parallax scrolling became very popular in 2D video games as well. Disney eventually upgraded to a seven-layer multiplane camera, which could show seven different planes of movement at a time. Snow White and the Seven Dwarfs was the most popular of these early parallax movies. On-screen parallax movement started in the early days of animation, when Disney (and others) used multiplane cameras to simulate depth of their 2D scenes. The everyday example of this is seen driving on the highway- when you look out the window, electrical poles near the road seem to zoom past, while trees in the distance appear to slowly drift by. The term “parallax” refers to the apparent movement of objects when viewed from different positions. Parallax is more than just a Green Lantern villain.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |