¿Y por qué no? - Programación Flash

Todos conocemos los tweens como el TweenLite por ejemplo, que sirven para animar objetos de forma "suave" en un intervalo de tiempo dado.

Pero si queremos mover un objeto constantemente, los tweens no nos valen, pues no hay un intevalo de tiempo definido. Para hacer esto podemos usar las funciones en las que se basan todos los tweens, las de Robert Penner.

Descargar ejemplo Movimiento Curvo

// mover se ejecuta cada vez que muevo el deslizador
function mover(e:SliderEvent):void{
	// La bola azul sigue un movimiento lineal, su "x" es igual que su "y"
	bolaAzul.x = deslizador.value;
	bolaAzul.y = deslizador.value;

	// Utilizo la ecuacion Circular para el movimiento en el eje "y" de la bolaRoja
	// El valor del deslizador es el valor cambiante de la ecuacion.
	bolaRoja.x = deslizador.value;
	bolaRoja.y = Circular.easeOut(deslizador.value, 0, recorrido, recorrido);
}

En este caso la bola azul sigue un movimiento lineal, su x = y

En cambio la bola roja, sigue un movimiento curvo, donde su y es el valor "transformado" por la ecuación Circular.easeOut

Leer el resto de esta entrada

Ya había hablado antes del TweenLite, una librería para hacer tweens de forma súper sencilla a la que estoy totalmente enganchado. Lo hago todo con ella.

Si se nos queda corta, podemos utilizar el TweenMax, que es exactamente igual, pero con más propiedades. Se basa en el primero, y añade cosas como la posibilidad de hacer tweens sobre filtros, movimientos con curvas Bezier, pausar un tween o hacerle un loop, así como acceder a muchas propiedades internas del tween.

Aquí se pueden ver los tweens con filtros sobre una imagen:

Como se basa en el TweenLite, sólo voy a poner las cosas que tiene diferente a éste:

Leer el resto de esta entrada

Llevaba tiempo queriendo probar esta librería para hacer Tweens, dicen que el rendimiento es increíblemente bueno y es muy sencilla de usar. Y en tan solo 3KB!

Hay muchas librerías de tweens, como Tweener, Zigo o las propias de Flash. Yo he probado algunas pero no termina de convencerme ninguna. La de Flash era la que usaba hasta ahora, pues las otras me habían dado problemas anteriormente, pero se queda corta algunas veces.

La TweenLite me ha sorprendido por lo fácil que es de usar, y tiene todo lo que siempre he necesitado en un Tween y alguna característica que no me esperaba.

Nota: Un Tween es una forma de animar objetos mediante programación. Es muy útil cuando no conoces el punto inicial de la animación.

Vamos a hacer un movimiento sencillo, una bola moviéndose de izquierda a derecha con movimiento elástico.

Leer el resto de esta entrada