Comunidad de diseño web y desarrollo en internet online

¿Como hacer estas transiciones entre fotogramas o escenas?

Citar            
MensajeEscrito el 10 Ene 2005 04:40 pm
Hola a todos:

A ver si pudierais echarme una mano.

En esta web, http://oceans12.warnerbros.com/flash.html si entrais en "enter
flash site" y despues en el enlace de "cast" vereis que cada actor es un
enlace, yo creo que en el mismo archivo swf, no sé si será un enlace por
fotograma, mi pregunta es como se realiza esa transicion entre cada opción. Me explico, creo que es con mascaras, pero me refiero a la acción que hace que salga una animacion y que cuando le des al boton haga la animación de cierre y vaya al enlace nuevo.

Llevo mucho tiempo queriendo saber como se hace este efecto de transición
entre fotogramas o escenas. ¿Podeis echarme una mano? o algún tutorial sobre
ello,

Gracias

Por FdeFlint

2 de clabLevel



 

msie
Citar            
MensajeEscrito el 10 Ene 2005 07:09 pm
ehm.. pues haces un círculo que va a ser la máscara, cuando cambias lo haces más pequeño y cuando ya no se ve ahí haces el cambio

realmente no tiene mucha ciencia si entiendes bien cómo hacer un preloader y cómo utilizar _xscale y _yscale

saludos

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

 

firefox
Citar            
MensajeEscrito el 10 Ene 2005 08:32 pm
Hola, creo que he conseguido hacer lo que quieres. Yo lo que he hecho ha sido crear un circulo en una capa, hacerlo MC e instanciarlo como "bola". Luego creo otra capa y pongo 3 botoncitos(en mi caso los instancio como foto1,foto2,foto3). Debajo creo tantas capas como fotos quiera poner, en mi caso 3. Y enmascaro estas capas con la capa de la BOLA. Creo una capa de etiquetas e inserto 3 fotogramas claves vacios y les pongo de nombre de etiqueta (foto1,foto2,foto3). Obviamente en las capas de abajo has de poner la foto en la posicion de la etiqueta correspondiente. Y arriba del todo me creo una capa de acciones y pongo en el primer fotograma:

Código :

bola._xscale = 0;
bola._yscale = 0;
onEnterFrame = function () {
   stop();
   bola._xscale += (100-bola._xscale)/3;
   bola._yscale += (100-bola._yscale)/3;
   if (Math.round(bola._xscale) == 100) {
      delete this.onEnterFrame;
   }
};
foto1.onRelease = function() {
   onEnterFrame = function () {
      bola._xscale += (0-bola._xscale)/3;
      bola._yscale += (0-bola._yscale)/3;
      if (Math.round(bola._xscale) == 0) {
         this.onEnterFrame = function() {
            gotoAndStop("foto1");
            bola._xscale += (100-bola._xscale)/3;
            bola._yscale += (100-bola._yscale)/3;
         };
      }
   };
};


Solo puse la funcion del boton 1, los otros botones seria copiar y pegar el codigo y sustituir el numero de botones. El ejemplo lo tienes aqui de lo que me salio :

http://epode.webcindario.com/bola%20mascara.html

Ahora estoy intentando compilar el codigo para aplicarlo a los botones que quiera sin la necesidad de duplicar codigo, a ver si sale :lol:

Espero que te haya servido, saludos :o

Por osulivan

52 de clabLevel



 



Ultima edición por osulivan el 13 Ene 2005 11:15 am, editado 2 veces

Diseño web madrid

msie
Citar            
MensajeEscrito el 10 Ene 2005 11:43 pm
:o Joooooooder. :o Ole!! Acabo de verlo y he flipado!! Disculpa pero es que el action script no es lo mío y jamas hubiera hecho eso.

Voy a intentar hacerlo por mi mismo (sino no aprende uno...) Sino lo consigo... ¿Podría pedirte el codigo fuente? :?

No obstante, muchas gracias, eso era lo que andaba buscando!!

Por FdeFlint

2 de clabLevel



 

msie
Citar            
MensajeEscrito el 11 Ene 2005 01:44 am
Tranquilo que tampoco es mi fuerte, pero gracias a CL voy aprendiendo. 8) El codigo del ejercicio lo tienes arriba, modificado gracias a Fael y Hernan, ya que el q yo puse antes le hice una chapuza para q saliera.

Saludos :o

Por osulivan

52 de clabLevel



 

Diseño web madrid

msie
Citar            
MensajeEscrito el 11 Ene 2005 08:19 am
Hola... :( No he sido capaz de hacerlo, podrías mandarme el fla, no se en que me he equivocado, pero no consigo que me funcione.

Me harías un gran favor.

Gracias

Por FdeFlint

2 de clabLevel



 

msie
Citar            
MensajeEscrito el 11 Ene 2005 10:14 am
Intenta currartelo un poquito mas chico, no te rindas tan pronto, lee bien como te lo explique arriba y ve poco a poco, te puse el codigo arriba tb... no tengo inconveniente en mandarte el Fla, pero es mejor que por lo menos te lo curres y si ves q no te sale pues mandame un privado con tu correo y te lo mando...

Saludos!

Por osulivan

52 de clabLevel



 

Diseño web madrid

msie
Citar            
MensajeEscrito el 11 Ene 2005 11:51 am
Listo!! Lo he conseguido. Una preguntilla ¿Como se hace para que la mascara se mueva más o menos rapido? O sea la velocidad de la mascara de menos a más o de más a menos? Se puede cambiar en el código?

Por FdeFlint

2 de clabLevel



 

msie
Citar            
MensajeEscrito el 11 Ene 2005 04:07 pm
Baja el numero que divide la escala de la bola, ponlo a 3 o asi, eso es para ir de mas a menos. Hay otras ecuaciones q ELECASH me recomendo gracias a un tutorial que esta en CL, creo que es este: http://www.cristalab.com/vertutorial.php?id=58, al parecer con esas formulas controlas varias velocidades...

Saludos :o

Por osulivan

52 de clabLevel



 

Diseño web madrid

msie
Citar            
MensajeEscrito el 11 Ene 2005 10:47 pm
wow! me ha gustado lo que lograste FdeFlint, puedo usarlo para "experimentar" y probablemente para en un futuro en alguna pagina?

Por rosvel

SWAT Team

1311 de clabLevel

2 tutoriales
1 articulo
1 ejemplo

Genero:Masculino   SWAT

"la oficina"

firefox
Citar            
MensajeEscrito el 11 Ene 2005 11:14 pm
:crap: :crap: :crap: ...tu que opinas FdeFlint, le das permiso???

jajajaj :lol:

Por osulivan

52 de clabLevel



 

Diseño web madrid

msie
Citar            
MensajeEscrito el 12 Ene 2005 12:32 am
jajajja, q pena!! se me cruzaron los nombres osulivan :oops:
espero no haya problema

Por rosvel

SWAT Team

1311 de clabLevel

2 tutoriales
1 articulo
1 ejemplo

Genero:Masculino   SWAT

"la oficina"

firefox
Citar            
MensajeEscrito el 12 Ene 2005 12:58 am
Tranquilo, el codigo es de la comunidad, ya que lo poco q se lo he aprendido aqui...

Saludos :o

Por osulivan

52 de clabLevel



 

Diseño web madrid

msie

 

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