Abacus.animation blog example

animation-angle.js

  // alter euler angles
  var rotate = Abacus.animation({
      // indices per second
      rate: 0.3,
      // loop infinitely
      loop: true,
      // linear interpolation between values
      tween: 'linear'
    });

  // this animation only needs one layer
  rotate.layer().addFrame({
      index: 0,
      value: [0, 0, 0],
    }).addFrame({
      index: 1,
      // rotate z-axis to two thirds pi
      value: [0, 0, Math.PI * 2 / 3]
    }).addFrame({
      index: 2,
      // rotate y-axis to pi
      value: [0, Math.PI, Math.PI * 2 / 3]
    }).addFrame({
      index: 3,
      // rotate x-axis
      value: [Math.PI * 2, Math.PI, Math.PI * 2 / 3]
    });

  // start the animation and run forever
  rotate.start(angle);