Contenido

$fx(), un framework para animaciones

17 Ene

+ 5

En Sentido Web nos hablan hoy sobre $fx(), un framework javascript especializado en gestionar animaciones. Y es que $fx() es un framework de tan solo 3,7kb que nos permite aplicar animaciones a nuestras aplicaciones web de una manera sencilla y potente.

Dispone de unos pocos, muy pocos métodos, pero suficientes para dotar de vida animada a nuestras aplicaciones.

  • $fx() — inicialización
  • fxAdd() — añadimos un nuevo efecto (opacity, backgroundx, backgroundy)
  • fxAddSet() — añadimos un set de efectos
  • fxHold() — añadimos una pausa antes de ejecutar
  • fxPause() — pausamos la animación
  • fxStop() — paramos la animación
  • fxReset() — borramos todas las animaciones.
  • fxRun() — arrancamos las animaciones.

Ejemplo de uso

var moveBg0 = {type: 'backgroundx', to: -314, step: -1, delay: 20}
var moveBg1 = {type: 'backgroundx', to: -269, step: -1, delay: 50}
var stars = document.getElementById('sample1').getElementsByTagName('div');

$fx(stars[0]).fxAdd(moveBg0).fxRun(null, -1);
$fx(stars[1]).fxAdd(moveBg1).fxRun(null, -1);

Ejemplos

Os recomiendo que le echeis un vistazo a los ejemplos que nos han puesto para abrir boca.

Descargar

Versión 0.1

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.