AnimationGroupを使用すると、Animationをグループ化し、連続または並行して実行できます。

AnimationGroupは、AnimationGroupを形成するAnimationの配列で構成されています。並行タイプのAnimationGroupは、グループに含まれるすべてのAnimationを同時に開始し、すべてを並行して再生します。連続タイプのAnimationGroupは、グループに含まれるすべてのAnimationを、配列の最初のAnimationから順に連続して再生します。AnimationGroupの長さは以下のように定義されます。

• 並行タイプのAnimationGroupの場合は、グループに含まれる最長のAnimationの長さ
• 連続タイプのAnimationGroupの場合は、グループに含まれるすべてのAnimationの長さの合計

//We want to animate two GeoLocations to move 100 meters up in altitude at the same time
// over a period of 10 seconds to simulate an elevator
var elevatorAnimation1 = new AR.PropertyAnimation(
  geoLocation1, //the object geoLocation1 holds the animated property
  "altitude", //the property altitude will be animated
  500, //the start value of the animation is 500 meters
  600, //the resulting value of the animation is 600 meters
  10000, //the duration of the elevator climb is 10 seconds (10000 miliseconds)
  {type: AR.CONST.EASING_CURVE_TYPE.EASE_IN_OUT_QUAD}, //easing curve to simulate acceleration and deceleration
);
var elevatorAnimation2 = new AR.PropertyAnimation(
  geoLocation2, //the object geoLocation2 holds the animated property
  "altitude", //the property altitude will be animated
  500, //the start value of the animation is 500 meters
  600, //the resulting value of the animation is 600 meters
  10000, //the duration of the elevator climb is 10 seconds (10000 miliseconds)
  {type: AR.CONST.EASING_CURVE_TYPE.EASE_IN_OUT_QUAD}, //easing curve to simulate acceleration and deceleration
);
var animationGroup = new AR.AnimationGroup(
  AR.CONST.ANIMATION_GROUP_TYPE.PARALLEL, // the animations will run in parallel
  [elevatorAnimation1, elevatorAnimation2], // the animations in the AnimationGroup
  {onFinish : beepSound.play} //when finished, play a beep sound that elevators have reached their positions
);
// now, start the animation group
animationGroup.start();