El paquete caurina cuenta con clases escritas para actionscript 2 o 3 que nos facilitara la tarea de realizar movimientos de objetos o efectos de transiciones de manera muy fácil, cuenta con una extensa documentación de uso y también disponible para otros lenguajes como javaScript o C++. Primero lo que debemos hacer es descargar el paquete, colocamos la carpeta caurina donde tenemos nuestro archivo fla e importamos la clase.
Para el ejemplo construimos un mc con el nombre de instancia cuadrado_mc
Movimiento simple lineal
-
//importamos la clase
-
import caurina.transitions.Tweener;
-
//evento del mouse sobre el cuadrado
-
cuadrado_mc.addEventListener(MouseEvent.MOUSE_UP,mover);
-
//
-
function mover(e:MouseEvent):void {
-
//ejecutamos el movimiento en el eje x 200px desde donde se encuentre el cuadrado con una velocidad total de 1 seg . En este ejemplo el objeto a mover esta puesto “e.target” que es el cuadrado, pero podria ir el nombre de la instancia de otro objeto.
-
-
Tweener.addTween(e.target, {x:200, time:1, transition:"linear"});
-
}
Caurina cuenta una lista muy completa de tipos de transiciones, puedes consultar dicha lista con ejemplos descargando el pdf o swf con la muestra.
Movimiento en varios ejes
-
import caurina.transitions.Tweener;
-
cuadrado_mc.addEventListener(MouseEvent.MOUSE_UP,mover);
-
function mover(e:MouseEvent):void {
-
// simplemente se agrego un eje mas a los parametros y 100px
-
Tweener.addTween(e.target, {x:200,y:100, time:1, transition:"linear"});
-
}
Retrazar una propiedad en segundos
-
import caurina.transitions.Tweener;
-
cuadrado_mc.addEventListener(MouseEvent.MOUSE_UP,mover);
-
function mover(e:MouseEvent):void {
-
Tweener.addTween(e.target, {x:200, time:0.5, transition:"easeInSine"});
-
// la propiedad delay retraza el movimiento en y en 0.5 seg, para que se complete el recorrido en x
-
Tweener.addTween(e.target, {y:100, time:1, transition:"easeInSine",delay:1});
-
}
Detectar evento de inicio y finalización de la transición.
-
import caurina.transitions.Tweener;
-
cuadrado_mc.addEventListener(MouseEvent.MOUSE_UP,mover);
-
function mover(e:MouseEvent):void {
-
Tweener.addTween(e.target, {x:200, time:1, transition:"easeOutQuint",onStart:comenzo,onComplete:finalizo});
-
}
-
-
function comenzo ():void {
-
trace("comenzo")
-
}
-
function finalizo ():void {
-
trace("finalizo")
-
}
Pasar parámetros a una función
-
import caurina.transitions.Tweener;
-
cuadrado_mc.addEventListener(MouseEvent.MOUSE_UP,mover);
-
function mover(e:MouseEvent):void {
-
// en este ejemplo pasamos la cadena hola cuando se completa el movimiento, también puede pasar un parámetro cuando inicia el movimiento utilizando onStartParams en ves de onCompleteParams, porsupuesto que la funcion a llamar sera con la propiedad onStart
-
Tweener.addTween(e.target, {x:200, time:1, transition:"easeOutQuint",onComplete:finalizo,onCompleteParams:["hola"]});
-
}
-
-
function finalizo (parametro:String) {
-
trace(parametro)
-
}
El paquete caurina cuenta con muchísimas mas propiedades y funciones que iré ampliando en este mismo post, mientras pueden ver la referencia completa.
En los archivos para descargar les dejo estas pruebas y sus respectivos fla en cs4, y en ver ejemplo les dejo un sitio que utiliza caurina en sus transiciones y objetos.
29 marzo, 2010 at 8:53 am
hola leo, te cuento q estoy haciendo una pagina para mi hermana, y googleando encontre un reproductor con playlisr para vjdeos de youtube y funcjona pero tiene un problema en el playlist,esta en as2,no se nada de codigos y queria pedirte tu ayuda, aca fe dejo el link, http://www.megaupload.com/?d=2OTCZSVH —–gracias
7 diciembre, 2011 at 5:08 pm
tengo un problema y es que al yo tener insertados los codigos; se me despliega 7 errores. y eso que ya tengo todos los codigos de caurina en la carpeta respectiva. que pasa allí?