I need to use TweenLite due to space limitations in the project (yay!)
I suspect the TweenLite isn't working because of the Timeline... not sute really
Any suggestions on how to yoyo and repeat with TweenLite?
//working TweenMax version
function flapWingsMax() {
flapTl = new TimelineLite();
var wl = TweenMax.to("#wing_left", 0.1, {
scaleY: 0.5,
repeat: -1,
skewX: 20,
transformOrigin:"86px 104px",
yoyo: true,
onComplete:reverseTween,
onReverseComplete:restartTween,
ease: Sine.easeInOut
})
var wr = TweenMax.to("#wing_right", 0.1, {
scaleY: 0.5,
skewX: -20,
repeat: -1,
transformOrigin:"9px 87px",
yoyo: true,
ease: Sine.easeInOut
})
flapTl.add(wl, 0);
flapTl.add(wr, 0);
}
// TweenLite - NOT working
function flapWingsLite() {
flapTl = new TimelineLite();
var wl = TweenLite.to("#wing_left", 0.1, {
scaleY: 0.5,
skewX: 20,
transformOrigin:"86px 104px",
onComplete:reverseTween,
onReverseComplete:restartTween,
ease: Sine.easeInOut
})
var wr = TweenLite.to("#wing_right", 0.1, {
scaleY: 0.5,
skewX: -20,
transformOrigin:"9px 87px",
onComplete:reverseTween,
onReverseComplete:restartTween,
ease: Sine.easeInOut
})
flapTl.add(wl, 0);
flapTl.add(wr, 0);
function reverseTween() {
this.reverse();
}
function restartTween() {
this.restart();
}
}