asd

21

Mar

Caurina Tweener, movimiento, transiciones desde actionscript

Publicado por: LeoBaraldi

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

Clic para ver Texto Plano
Actionscript:
  1. //importamos la clase
  2. import caurina.transitions.Tweener;
  3. //evento del mouse sobre el cuadrado
  4. cuadrado_mc.addEventListener(MouseEvent.MOUSE_UP,mover);
  5. //
  6. function mover(e:MouseEvent):void {
  7. //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.
  8.  
  9. Tweener.addTween(e.target, {x:200, time:1, transition:"linear"});
  10. }

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

Clic para ver Texto Plano
Actionscript:
  1. import caurina.transitions.Tweener;
  2. cuadrado_mc.addEventListener(MouseEvent.MOUSE_UP,mover);
  3. function mover(e:MouseEvent):void {
  4. // simplemente se agrego un eje mas a los parametros y 100px
  5. Tweener.addTween(e.target, {x:200,y:100, time:1, transition:"linear"});
  6. }

Retrazar una propiedad en segundos

Clic para ver Texto Plano
Actionscript:
  1. import caurina.transitions.Tweener;
  2. cuadrado_mc.addEventListener(MouseEvent.MOUSE_UP,mover);
  3. function mover(e:MouseEvent):void {
  4. Tweener.addTween(e.target, {x:200, time:0.5, transition:"easeInSine"});
  5. // la propiedad delay retraza el movimiento en y en 0.5 seg, para que se complete el recorrido en x
  6. Tweener.addTween(e.target, {y:100, time:1, transition:"easeInSine",delay:1});
  7. }

Detectar evento de inicio y finalización de la transición.

Clic para ver Texto Plano
Actionscript:
  1. import caurina.transitions.Tweener;
  2. cuadrado_mc.addEventListener(MouseEvent.MOUSE_UP,mover);
  3. function mover(e:MouseEvent):void {
  4. Tweener.addTween(e.target, {x:200, time:1, transition:"easeOutQuint",onStart:comenzo,onComplete:finalizo});
  5. }
  6.  
  7. function comenzo ():void {
  8. trace("comenzo")
  9. }
  10. function finalizo ():void {
  11. trace("finalizo")
  12. }

Pasar parámetros a una función

Clic para ver Texto Plano
Actionscript:
  1. import caurina.transitions.Tweener;
  2. cuadrado_mc.addEventListener(MouseEvent.MOUSE_UP,mover);
  3. function mover(e:MouseEvent):void {
  4. // 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
  5. Tweener.addTween(e.target, {x:200, time:1, transition:"easeOutQuint",onComplete:finalizo,onCompleteParams:["hola"]});
  6. }
  7.  
  8. function finalizo (parametro:String) {
  9. trace(parametro)
  10. }

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.

ver ejemplodescargar archivos
categorias: Clases Actionscript 3 Coment.: 1

Una Respuesta

    claudio Dice:
    29th 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

Publicar comentario

IMPORTANTE: Los comentarios son moderados. A la brevedad seran subidos.

Leonardo David Baraldi

Leonardo Baraldi

Nací en Villa Carlos Paz, tengo 33 años y me dedico a desarrollos para la web desde el año 99, preferentemente en las aéreas de ActionScript y CSS. Trabajo para la firma Manifesto Solutions como jefe de producción.

ultimos post

Usa Firefox es mejor che!!!
Copyright © 2008 LeoBaraldi. Todos los derechos reservados.
Designed by LeoBaraldi and powered by Wordpress | RSS Feed
Love WordPress
Manifesto
Manifesto solutions
Sponsort Oficial de LeoBaraldi