SISTEMAS DISTRIBUIDOS

"Ao

de la Diversificacin Productiva y del Fortalecimiento de

la Educacin"
ESCUELA PROFESIONAL DE INGENIERIA
E.A.P. INGENIERA DE SISTEMAS E INFORMTICA

TEMA:

EFECTO PARALLAX

CURSO

Sistemas

Desarrollo

HUNUCO PER
2015

Distribuidos

SISTEMAS DISTRIBUIDOS

EFECTO PARALLAX
El efecto Parallax se basa en mover los elementos de un sitio web a distintas
velocidades mientras se hace una accin, comnmente al hacer scroll.
Este efecto tiene ciertas caractersticas, por ejemplo:

Se hace uso de mltiples backgrounds para dar el efecto de varias

ventanas.
Siempre comienza con un background fijo.
Se pueden agregar ciertos efectos adicionales como blur o autoplay
video.

Es el efecto visual que se crea al desplazar varios planos de una composicin a

velocidades o intervalos distintos creando la sensacin de profundidad. Es un
recurso muy utilizado sobre todo en juegos de video, ya sea de plataformas
tipo Playstation o Xbox hasta

en

juegos

sencillos

hechos

en Flash para

computadora o dispositivos mviles. Si nos ponemos a investigar un poco este

concepto nos podemos remitir a pocas lejanas donde los astrnomos
utilizaban este principio para medir las distancias a nivel astronmico como
estrellas, galaxias y otros cuerpos celestes.
Qu es el Parallax?
La palabra Parallax, como tal, nos da ya una descripcin de lo que es el efecto,
puede traducirse al espaol como alteracin, y es que queda claro que la
velocidad, el movimiento o la posicin de los elementos se ve alterada para
realizar el efecto.
Uno de los principios es que los elementos del fondo se mueven ms
lentamente que los de adelante, aplicar este sencillo principio ya le dar un
efecto visual enorme a tu pgina. Por otra parte, es interesante que tambin
busques agregar sprites cuyo comportamiento dependa del scroll del usuario.
Sin duda, cuando uno ve estas pginas, es comn pensar que hay cientos de
lneas de JavaScript detrs de esos proyectos, probablemente as sea, sin

SISTEMAS DISTRIBUIDOS

embargo si t quieres iniciarte no necesitas de todo eso; es por eso que en el

desarrollo de este tutorial utilizaremos un plug-in que hace por nosotros el
trabajo difcil, su nombre: stellar.js.
Aunque parezca una tendencia muy actual (y de hecho lo es en el mundo del
diseo web), el Parallax es en realidad un truco con mucha historia, inventado
por Disney para dotar a sus pelculas de dibujos animados de una ligera
tridimensionalidad, intentando lograr con ello un mayor realismo. El invento se
bautiz como cmara multiplano y ms tarde se adapt al mundo de los
videjuegos en 2D, como Moon Patrol (1982).