Comunidad de diseño web y desarrollo en internet online

scroll para linea de tiempo

Citar            
MensajeEscrito el 13 Abr 2007 04:53 pm
Bueos dias, he visto algunas veces swfs, que tienen un scroll con el que puedes desplazarte atravez de la pelicula, como en los videos que traen una barra y dependiendo adonde la muevas, la velicula se va a un punto determinado de la pelicula.

es como si adelantara o atrasara mi animacion a traves de esa barra desplazadora, espero haberme explicado bien. alguno sabe como se puede hacer eso? les agradeceria mucho.

Por alan_flash

35 de clabLevel



 

firefox
Citar            
MensajeEscrito el 23 Abr 2007 05:22 pm
1) Tienes que crear un scrollBar personalizado es decir, tener un movieclip (al que llamaras Scrollbar) con los siguientes movieclips dentro:
1.1) un clip rectangular en forma horizontal que llamaras Fondo, y que tenga su punto (0,0) en la esquina superior izquierda.
1.2) un clip redondo (o de la forma que desees) que sera el boton que se arrastra dentro del scroll, al que llamaras Boton, y que tenga su punto (0,0) en el centro.

En el primer fotograma de tu movieclip llamado Scrollbar tendrás el siguiente código:

Código :

_global.ClipMover = _root.Animacion; // aqui colocas el nombre del clip que deseas desplazar.
CalculaPosScroll = function () {
   PosAct = this._x / this._parent.Fondo._width; // calcula el porcentaje de la posicion del scroll
   FotoSig = Math.Round(_root._totalframes * PosAct);
   if (FotoSig < 1) FotoSig = 1;
   if (FotoSig > _global.ClipMover._totalframes) FotoSig = _global.ClipMover._totalframes;
   _global.ClipMover.gotoAndPlay(FotoSig);
}
Boton.onPress = function () {
   this.startDrag(this._x, this._y, this._x, this._parent.Fondo._width); // esto solo permite el movimiento horizontal
   this.onEnterFrame = CalculaPosScroll; // inicias el desplazamiento
}
Boton.onRelease = function () {
   stopDrag();
   this.onEnterFrame = null; // terminas el desplazamiento
}

Por gabynufe

Claber

446 de clabLevel



 

México, D.F.

msie7
Citar            
MensajeEscrito el 21 Jul 2007 04:23 am
me esta diciendo que hay algo malo con el round...

que puede estar pasando?
dice... there is no method with the name "round"

gracias

Por orange

3 de clabLevel



Genero:Masculino  

msie7
Citar            
MensajeEscrito el 22 Jul 2007 04:18 pm
escribelo con minusculas:

Código :

Math.round

Por gabynufe

Claber

446 de clabLevel



 

México, D.F.

msie7
Citar            
MensajeEscrito el 21 Jul 2008 04:37 am
Muy buen tutorial me sirve bastante pero me gustaría saber si existe una manera de poderse trabajar con un flv que se cargue externo que al igual que la explicación anterior trabajara con frame por frame teniendo en cuenta que la animación se allá creado con 100 imágenes
para dar un ejemplo es un camión en 3d que gira 360 grados

http://smartsign.com.mx/360.html
http://smartsign.com.mx/360_2.html

Por rigo_rv

1 de clabLevel



 

msie7
Citar            
MensajeEscrito el 21 Jul 2008 09:01 am
Si lo que tendrías que calcular cuantos milisegundos tiene tu video en total, después sacar el porciento por el scroll y saltar a ese porciento de milisegundos con la instrucción play("nombre", start) donde start va a ser el número de milisegundos que has calculado

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino  

Front-end developer at Booking.com

firefox

 

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