Comunidad de diseño web y desarrollo en internet online

Como hacer el efecto ROTACIÓN que usa YOUTUBE

Citar            
MensajeEscrito el 04 Oct 2007 09:08 am
Hola people!

Me gustaría conseguir el efecto que utiliza YOUTUBE para conseguir ese efecto de rotación que usa para mostrar los videos que los usuarios estan viendo ahora. Este efecto se puede ver en su página principal. Se mas o menos como pasarle los datos... lo que no se es como conseguir la construcción de ese efecto mediante ActionScrip o/y Flash... alguien tiene idea? o sabe como? o si existe algún tutorial que lo explique?

MUCHAS GRACIAS!!

Por tam

2 de clabLevel



 

firefox
Citar            
MensajeEscrito el 05 Oct 2007 04:10 pm
Eso no es complicado.... pero tu sabes usar action scrip???
*Tendrias que usar 10 MovieClips
*los primeros 5 que muestran las imagenes pequeñas, al pasar un tiempo se corre una animacion se ocultan estos y se muestran de la misma manera los otros 5
*Esto se repite con los 5 primero de forma siclica con los otros 5 tambien.
*Para correr la animacion que cambia las Mc de 5 en 5 debes colocar un contador de tiempo que espere como unos 5 segundos, pero si el mouse esta sobre cualquiera de los MC que detenga el contador y lo lleve a 0, cuando quites el mouse que conmienza a contar de nuevo y corra normal la animacion
*Cuando se coloque el mouse encima de los Mc debes mostrar el nombre del video, y cuando quietes el mouse de encima debes ocultar el nombre del video.
*Tambien cuando se coloque el mouse encima has que se muestre una capa blanca semitransparente encima de cada imagen de los Mc y cuando quites el mouse que dicha capa se vuelva a ocultar
*tambien cuando se coloque el mosue encima has un pequeño scrip que agrande un poco el Mc y que cuando quites el mouse de encima lo vuelva a su estado original
*Cuando le des un clik al Mc que te cargue la pelicula correspondiente o te abra una pagina, en fin lque tu desees que haga
*Los datos
*Para pasarle datos a cada uno de los Mc puedes hacerlo con un scrip que cargue variables desde un archivo txt o xml o pasandole valores por medio de la pagina.
*Debes pasar la ruta de la imagen previa y el nombre de la pelicula

posiblemente mañana te ayudarria ha hacer el codigo

chaito

Por Enav

180 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 06 Oct 2007 11:20 am
Muchas gracias Enav!
Se un poco programación y también de action scrip.. lo que me cuesta es desarrollarlo un poco pero para entenderlo no tengo muchas dificultades :)

Todo lo que me has dicho es un buen plantemiento para empezar, pero como tu has dicho.. si tienes tiempo y puedes ayudarme a desarrollar el controlador de tiempo..etc.. TE LO AGRADERIA MUCHISIMO MAS!!!!

MUCHAS GRACIAS POR TODO!!

Por tam

2 de clabLevel



 

firefox
Citar            
MensajeEscrito el 06 Oct 2007 10:47 pm
bueno vamos a hacerlo entonces pero los avances los iremos posteando aqui junto con el codigo fuente para que todos aprendan tambien. monta algo primero por muy pequeño que sea me avisas y te voy complementando el trabajo :D

Por Enav

180 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 06 Oct 2007 10:50 pm
¿No es mejor que lo resuelvan por MP o MSN y cuando lo tengan listo hagan un tutorial? Seguramente será de mayor provecho.

Por The Fricky!

Presidente

6168 de clabLevel

3 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell Héroes

Piccola Venezia...

firefox
Citar            
MensajeEscrito el 07 Oct 2007 12:51 am
:roll:

Por Enav

180 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 07 Oct 2007 06:13 pm
The Fricky! tiene razón.U_U

Por Carloz

BOFH

3426 de clabLevel

38 tutoriales

1 ejemplo

 

firefox
Citar            
MensajeEscrito el 07 Oct 2007 09:06 pm
:evil: obvio

Por Enav

180 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 08 Oct 2007 09:57 am
Hola!

He empezado directamente por el ActionScrip haciendo una pequeña prueba del controlador en una capa "Acciones" he puesto lo siguiente:

var contador:Number =0;
_root.onEnterFrame = function() {
contador++;
contadortxt.text=contador;

if(contador == 5){
contadortxt.text='STOP';
}
}

Con lo que he creado un contador y un texto dinamico para ver el valor de la variable contador en todo momento.

Ahora estaba con la animación de las 5 y 5 MC's y estaba pensando en hacer una MC para cada 5. Para animar las 5 de golpe.. xq no lo veo muy claro animar una por una.. nose..

Puedes orientarme un poco? No se si hacer la animación cn la linea de tiempo o con programación para conseguir el mismo efecto.

Por tam

2 de clabLevel



 

firefox
Citar            
MensajeEscrito el 08 Oct 2007 07:50 pm

Por Enav

180 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 08 Oct 2007 07:52 pm
Es un comienzo he? :D todas las actualziaciones seran directas sin postear mas

Por Enav

180 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 08 Oct 2007 09:56 pm
Si que es un buen comienzo!! Mañana me lo miraré con atención. No entiendo que las actualizaciones serán directas... :? que tendré que hacer?

Por tam

2 de clabLevel



 

firefox
Citar            
MensajeEscrito el 04 Abr 2008 08:02 am
http://www.chica15.com

yo realize ese menu, con ayuda de algunas lineas guias para que entren los mc de arriba hacia abajo, cada img es un un mc y van entrando con linea guia (tipo parabola del centro hacia arriba y despues hacia abajo) en variacion de frames por ejemplo a cada 5 frames entra cada mc

despues dentro de cada mc

hacen dos etiquetas "inicio" y "salida"

hacen la animacion de "inicio"(saliendo de abajo hacia arriba)

y despues la animacion de "salida"(simplemente sale hacia abajo)

en la linea de tiempo una vez que entren todos ...ponen una accion que mande llamar a la etiqueta que esta dentro de los mc "salida"

y listo............con eso ya ustedes con un poco de imaginacion pueden agregar mas imagenes, efecto espejo, o hacerlo dinamico.


saludos

no pidan los archivos (hay que aprender a minimo leer las instrucciones e intentar hacerlo).

espero les sea util


xcreen

http://www.xcreen.com

Por xcreen

0 de clabLevel



 

msie7

 

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