Interpolaciones de forma y movimiento con JavaScript

por .

BetweenJS es un completo motor diseñado con JavaScript para la realización de interpolaciones de forma y movimiento de la forma más sencilla posible.

Interpolaciones de forma y movimiento con JavaScript

El proyecto completo cuenta con un API con un excelente repertorio de efectos e implementaciones posibles. En ella podemos encontrar desde interpolaciones simples de movimiento, hasta más complejas que involucran cambios de forma y tamaño.

Ejemplo de uso:

if(!!tw && tw.isPlaying) tw.stop() ;

var box = $('#box')
  .css({ 'width':100, 'height':100 }) ;

tw = BetweenJS.to(
  box[0], 
  {
    'width':200,
    'height':200
  },
  .35,
  Expo.easeIn
).play() ;

El ejemplo utiliza el elemento #box para escalarlo de forma simétrica y animada. Muy simple y con apenas unas lineas de código.

Un punto muy favorable de este pequeño motor de interpolaciones es que no cuenta con dependencias, no obstante funciona perfectamente con jQuery, inclusive podemos encadenar distintas funciones para lograr aprovechar al máximo la potencia de ambas bibliotecas.

Web: BetweenJS

Categorizado en: