tomekpilot

... that's funny, I was coming to the same conclusion that there might have to be a different, brand new tween created to do this Thanks! PS, just looked over your addition, it makes sense

Done, it was easier than I thought it would be http://codepen.io/henripablo/pen/bNZERp So the update i'm struggling with is on line 165 of the JS part of the pen. Use case would go like this: 1 - click the START button 2 - once the ball is running, click the far right square ( showing a diaagonal line from top left to bottom line corner ) of 'Profile' section Now the trajectory will rotate a few degrees. The issue is most apparent when the pen is running in full screen mode.

Greetings, I have a TweenMax that is has x initialized to 1332px. It's a simple animation from left to right along a 1332px long div. var tl2 = TweenMax.to(document.getElementById('point'), 1.5, { //x:0, y: 0, //repeat: 1, //onRepeat: playSound, yoyo: true, repeatDelay: 0, ease: Power0.easeNone, paused: true }); x gets set dynamically based on width of screen. At some point i'm rotating the div within which it runs by about 20 degrees so it can run from bottom left to upper right corner. To do than I'm trying to 1424px (just for the sake of argument, that's what I'm getting on one particular laptop): var pwa = $('.pointWorkArea'); pwa.css({ 'width' : someCrossLengthInPX /* change the width of div where animation runs */ }) .css({ 'transform' : 'rotate(' + eyeBaller.settings.crossAngle + 'deg)' }).css({'left' : -pwa.position().left}); tl2.updateTo({ x : someCrossLengthInPX }); ... however, I'm not seeing the change in DISTANCE the animation runs at. It rotates fine, but keeps running at the old side to side distance and not corner to corner. Any ideas?

... ahhhh, that's what what I meant by 'something simple'.Thanks! works like magic now.

Greetings! I have my first TweenMax doing everything i need, (including interaction with externals controls/buttons) but I'm drawing a blank as how to prevent it from 'autoplay' My relevant 1liner: var tl = TweenMax.to(point, currentSpeed, {css: { left: "95%"}, repeat:repeat, yoyo:true, repeatDelay:0, ease:Linear.easeNone}); ... so for example my 'pause' button works fine: $('#pause').click( function(){tl.pause();}); ... how do I make it start only when I press my $('#start') button? I figure I missed something simple, hence my apologies and thanks in advance.