An example of a potential way to use Rekapi in a responsive design

responsive-rekapi.js

var rekapi = new Rekapi(document.body);
var actor = rekapi.addActor({context: document.getElementById('my-actor')});

// Assumes isMobile is defined somewhere
if (isMobile()) {

  actor
    .keyframe(0, {
      transform: 'translateX(0px) translateY(0px)'
    })
    .keyframe(1000, {
      transform: 'translateX(100px) translateY(100px)'
    });

// Assumes isDesktop is defined somewhere
} else if (isDesktop()) {

  // Animates a farther distance for larger screens
  actor
    .keyframe(0, {
      transform: 'translateX(0px) translateY(0px)'
    })
    .keyframe(1000, {
      transform: 'translateX(500px) translateY(500px)'
    });

}

rekapi.play();