Merida Design Blog

Publicado el | Recursos / ,

Popmotion: Crea atractivas interfaces con este motor de animaciones de Javascript

Popmotion es una librería para crear animaciones con javascript usada para controlar las animaciones de la interfáz de usuario. Tiene soporte nativo para CSS, DOM, SVG y trayectorias SVG.

Puedes usar Popmotion con licencia GPLv3 para proyectos open source o comprar la licencia comercial que cuesta 49 USD.


Características principales

  • Control del Tween: Puedes pausar, regresar, ciclar, y retrasar las transiciones.
  • Simulaciones: Dale a tus animaciones mayor realismo con simulación de velocidad, resorte y deslizamiento.
  • Rastreo de Entradas: La entradas personalizadas te permiten rastrear cualquier corriente de datos numérico, por ejemplo: audio web, websockets o sensores.
  • Navegadores: Soporte nativo para CSS, atributos del DOM y SVG.
  • Mueve cualquier API: Funciona con ReactJS, canvas, WebGL, D3; cualquier API basada en valores numéricos.
  • Liviano: Pesa lo mismo que Velocity.js y es 60% mas pequeño que TweenMax.

Ejemplo de uso

Les comparto un ejemplo sencillo en donde pueden ver el código necesario para usar esta librería.
Arrastra y suelta el circulo rojo para ver la animación.

See the Pen 3.0 feature: Spring physics by Popmotion (@popmotion) on CodePen.15465

Página: https://popmotion.io



Publicaciones que pueden interesarte

    Deja un comentario

      tope
    Derechos Reservados, Merida Design 2017
    %d bloggers like this: