La biblioteca TweenJS se utiliza principalmente para ajustar y animar atributos HTML5 y Javascript, proporcionando una interfaz de interpolación sencilla y potente.
TweenJS es una biblioteca de animación de interpolación simple que utiliza JavaScript. Su desarrollo está bien integrado con la biblioteca EaselJS, pero no es dependiente ni específico de ella. Admite la asignación de atributos de objetos digitales y atributos de estilo CSS.
La API es simple pero poderosa, por lo que es fácil crear proyectos complejos a través de comandos de enlace.
Módulo TweenJS
Definido en: TweenJS:9
La biblioteca de TweenJS Javascript proporciona una interfaz de degradado simple pero potente. Admite propiedades de objetos digitales graduales y propiedades de estilo CSS, y le permite vincular animaciones y acciones entre sí para crear secuencias complejas.
Animación de interpolación simple
Este gradiente cambia el atributo alfa del objetivo del gradiente de 0 a 1 en un segundo y luego llama a la handleCompletefunción.
target.alpha = 0;
createjs.Tween.get(target).to({alpha:1}, 1000).call(handleComplete);
function handleComplete() {
//渐变完成执行
}Parámetros y rangos Tween siempre proporciona un call()parámetro de acompañamiento y / o un rango. Si no se pasa ningún alcance, se denomina función anónima (comportamiento normal de JavaScript). En el desarrollo del estilo orientado a objetos, el alcance es útil para mantener el alcance.
createjs.Tween.get(target).to({alpha:0})
.call(handleComplete, [argument1, argument2], this);
Animación de interpolación programable en cadena
Este gradiente primero esperará 0.5 segundos, el atributo alfa del objetivo del gradiente cambia de 0 a 1. y el atributo visible cambia de verdadero a falso Este proceso toma 1 segundo y finalmente handleCompletese llama a la función.
target.alpha = 1;
createjs.Tween.get(target).wait(500).to({alpha:0, visible:false}, 1000).call(handleComplete);
function handleComplete() {
//渐变完成执行
}
Soporte de navegador
TweenJS funcionará en navegadores modernos. TweenJS usa una versión anterior de PreloadJS (0.4.1 y anterior) en IE8 o anterior.
Este módulo proporciona las siguientes clases: