movimiento de información con inercia

[jordivargas]

Buenas gente, mi pregunta es un poco complicada de explicar pero lo intentaré, me gustaria que antes de nada vierais la página http://www.2ndnaturestudio.com/v02/ .Al elegir cualquier opción del menu que contiene (tremendo menú) la información se abre de una forma que me interesaria saber cómo se hace. Desde luego que no pido que me digais cómo se hace de inicio a fin (no acabariais nunca) pero si me gustaria saber si alguien me puede dar 4 nociones de por donde pueden ir los tiros de esos movimientos.lo estoy viendo en muchos trabajos y me gustaria saber hacerlo.Un saludo y muchas gracias.

[Apsol]

La verdad que es cuestion de probar ... pero muy bueno realmente

[PatomaS]

Hola

Supongo que te refieres a la parte que parece como si se rompiera un cristal.

Bueno, el efecto es impresionante en efecto, pero tambie nlleva mucho trabajo.

Basicamente has de tener una superficie de color, en su caso, la blanca, luego la "rompes" en pedacitos, cada cual lo guardas como una imagen independiente (o un elemento indpendiente). Esto lo puedes hacer con un programa de imágenes.

Luego tanto la imagen completa como los elementos rotos han de ser incluidos en la biblioteca de la peli, demanera que cuando corresponda, se "caigan", separándose de la imagen completa y respecto al fondo que queda a la vista, el azulado con letritas, es más o menos así:

Tienes una imagene del mismo tamaño que la blanca, pero en ciertas zonas, le haces el diseño o ruptura y le colocas un contenido o relleno, en su cao han utilizado algo parecido a un periódico o pantalla con letras.

Dado que el contorno de la ruptura de la zona blanca y el de la azulada son iguales, tambien podríamos pensar en hacer este contorno de forma separada, y luego utilizarlo como una máscara en el programade imágenes de manera que estemos así seguro de que no podemos cortar pedazos fuera de esa zona.

No es difícil en teoría, pero si es muy laborioso.

Tanto la creación de las imágenes, como la correcta organización de los elemtnos en escenas y capas en la pelis de flash.

Suerte

Felicidad

[jordivargas]

Muchas gracias gente , sobretodo a ti patomas por la explicación, me la he guardado para revisar tranquilamente. Es un efecto que no me habia planteado hacer pero después de tu explicación me lo curraré a ver si nos sale.Creo que no me he explicado bien en la pregunta. El efecto por el cual preguntaba era el que ocurre después de romperse el cristal --> se abre un menú con rollover en naranja. Mi pregunta es cómo hacer el movimiento del rectángulo desde que se crea por encima del menú hasta que se detiene en su ubicación donde enseña la información deseada.
Un saludo y gracias nuevamente,hasta pronto

[PatomaS]

Hola

Bueno, sobre ese cuadro, debería pensar un poco más, pero parece ser un movieclip completo, es decir, cada botón de los que se desplaza, parece contener la opción naranja.

Me explico, supongamos que cada opción, es un movieclip, los primeros fotogramas contendrían la parte transparente, el borde y el número con un stop que los detiene.

A su vez, tendrían asociado un onrollover, demanera que al pasar el ratón por encima, el movieclip salta a otra escena o fotograma mostrando la animación del cuadro naranja. Yo lo haría con escenas y no son saltos de fotogramas.

Suponiendo eso, al retirar el ratón, habría un instrucción que lo envia al estado inicial.

Respeto al clic, podría hacerse de varias maneras, por ejemplo con eventos on press o colocando botones transparentes encima de los recuadros numerados.

Respecto al movimiento ascendente o descendente según se mueve el ratón, eso no es especialmente complicado, basta con hacer una tira larga con los movieclips de antes ycolocar un detector del ratón, de menara que si este está por encima o por debajo de unas coordenadas mueve la tira hacia arriba o hacia abajo.

Agregaré que además esa página aunque impresionante, tiene un efecto que detesto, justo al entrar, trata de redimensionar la venta, produciendo una especie de parpadeo y movimiento de las cosas.

Suerte

Felicidad

[jordivargas]

muchas gracias patomas, me estudiaré tu explicación y me pondré manos a la obra a ver qué tal me sale, un saludo.

[nukero]

hola a los dos. Lo que yo he entendido sobre la pregunta de jordivargas es diferente a la respuesta que se ha formulado (eso si...las explicaciones de PatomaS espectaculares...habrá que intentar hacer lo que ha comentado).

Por lo que yo entiendo lo que se pregunta aquí son cómo hacer esos movimientos fluidos que tiene el rectangulo en donde sale la información. Yo tampoco sé cómo se hacen.

¿Aumentar de fps?

No sé. La verdad es que esos movimientos dan bastante elegancia a la página ya que son muy finos en cuanto a diseño.

Hay otro trabajos en donde se usan este tipo de movimientos.

http://www.howblue.com/cabana.html
En esta a la hora de cargar el mismo preloader que tiene, cómo aparece y desaparece....cómo se cargan las ventanitas.....

Supongo que sea a eso a lo que se refiere.

Me encantaría ayudarte jordi pero no sé tu respuesta. A ver si la gente del foro se anima.

Suerte!!!