Comunidad de diseño web y desarrollo en internet online

Como puedo hacer este efecto?

Citar            
MensajeEscrito el 15 Feb 2007 07:28 am
Hola amigos en http://www.alicesa.es/ hay un efecto el cual los edificios,palmeras y montañas que aparecen se mueven cuando se mueve el ratón.
Como puedo hacer este efecto?

Por aspasites

17 de clabLevel



 

safari
Citar            
MensajeEscrito el 15 Feb 2007 08:04 am
Pues simplemente es un scroll a varias capas (parallax scroll) la última se mueve a menos velocidad y la primera a más para dar ese efecto de lejanía-cercanía. Básicamente es mover los MC por el escenario de acuerdo al ratón, no muy complicado.

Por _CONEJO

BOFH

7639 de clabLevel

17 tutoriales
21 articulos

 

firefox
Citar            
MensajeEscrito el 15 Feb 2007 09:34 am
Ok, pero como lo hago?
Gracias

Por aspasites

17 de clabLevel



 

safari
Citar            
MensajeEscrito el 15 Feb 2007 12:44 pm
Tu película es de ancho unos 500px (por ejemplo)

Creas un fondo (lejano) de 600px, luego creas otro mas cercano de 750px y por último otro hay más cercano de 1000px
600-500 = 100;
750-500 = 250;
1000-500 = 500;

Los pondremos "centrados" en el punto x = 250 de la película, luego dividiendo entre dos : 50,125 y 250; de sobra por cada lado
Trabajemosel ejemplo con el primer fondo (el lejano de 600px) y suponiendo que los puntos de control estén en el centro de cada fondo para hacerlo más fácil).
Cuando el ratón esté en x=0, el fondo debe de avanzar 50px, cuando esté en el centro el ratón, entonces el fondo debe de estar centrado y cuando el ratón esté en la posición x=500, el fondo debe de estar desplazado del centro -50px.

regla de tres ...

fondo1._x = 250+(_root._mouse-250)*50/250;

De igual forma
fondo2._x = 250+(_root._mouse-250)*125/250;
y
fondo3._x = 250+_root._mouse-250;

Por _CONEJO

BOFH

7639 de clabLevel

17 tutoriales
21 articulos

 

firefox
Citar            
MensajeEscrito el 15 Feb 2007 12:55 pm

Por egoman

61 de clabLevel



Genero:Masculino  

Concepción - Chile!

firefox
Citar            
MensajeEscrito el 15 Feb 2007 03:55 pm
Muchisimas gracias. Mira que estuve buscando tutoriales aquí pero como no sabía como llamarlo quizás por eso no lo vi.
Muchas gracias de nuevo.
Saludos

Por aspasites

17 de clabLevel



 

safari

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.