Para realizar este ejemplo es útil que descargues el .fla y sigas los pasos sobre él:
1.- En una capa creamos un clip de pelicula al que damos un nombre de instancia, por ejemplo "cliptexto".
2.- Dentro de este clip de película creamos una caja de texto estático con el texto que contendrá nuestro scroll con easing. (También se podría hacer con una carga dinámica del texto pero eso lo dejo a vuestra elección).
3.- En una segunda capa creamos una máscara que abarque la porción de texto que deseamos visualizar, quedando el resto del texto fuera de la máscara y por tanto oculto en una primera instancia.
4.- En una tercera capa creamos los botones que controlaran el scroll. Un boton para arriba ("btn_arriba") y otro para abajo ("btn_abajo").
5.- Ahora deberemos establecer los límites superior superior e inferior fuera de los cuales el clip que contiene el texto no debe desplazarse:
- El límite superior es la coordenada "y" de la situación del clip. En este ejemplo "0".
- Para averiguar el límite inferior desplazo el clip hasta que su limite inferior coincide con el limite inferior de la máscara. En mi ejemplo "-194"
6.-Al clip de película:
onClipEvent (load) {
_y=0 //posicion del clip en el eje y
y=0 //variable de posicion
}
onClipEvent (enterFrame) {
_y +=Math.ceil((y- _y )*0.2) //fórmula de easing
//Math.ceil es para que se desplace a píxeles enteros,
//evitando así el emborronamiento del texto
}
7.- A un fotograma le asignamos las acciones que ejecutarán los botones, siempre y cuando no se salgan de los límites establecidos.
this.btn_abajo.onRelease = function(){
if (_root.cliptexto._y>-194) {
_root.cliptexto.y-=50;
//desplazamos el clip 50 pixeles hacia abajo
}
}
this.btn_arriba.onRelease = function(){
if (_root.cliptexto._y<0) {
_root.cliptexto.y+=50;
}
}
