Parallax Journey
Parallax is a pacing objects in a plane and displaying the plane with
scale inverse proportional to plane's distance from observer.
When few planes are moved, this creates an impression of a live scene.
Simplest case
Most simple case of parallax are parallel front planes and observer moving parallel to them. In this case, set of distances is fixed and
scales fixed too. Hence, there is no need to dynamically rescale images which can be prescaled. However, speed V of offsetting
the image is still V ~ 1 / D. Difference in speed will trick eye perception of distance.
Even rough difference in speed already makes scene alive.
The design should be possible on any browser starting from mid-age 1996 browsers.
Plane center can be rotated along the circle belonging horizontal plane like on these pages:
C. No background.
CB. Background and body
CB. With background
This is still simple design. JavaScript program must be enough intelligent to make a division operation: 1/y.
Browser should be able to make partially-transparent divs.
Plane rotations around vertical axis
There are more complex motions, which require more complex plane transformations than simple rescaling.
For example, if the scene is a cube and planes belong facets of the cube, and cube rotates over vertical axis, then
different parts of side facets may have different distance to observer.
A2.Experimental. Cube. Wallpaper. Slow FF performance on Ubuntu laptop. Should say good-bye to this variant.
A. Prism. Wallpaper.