ppdc

I just experienced something similar regarding 'animating the backgroundPosition property: It did work on my test-page, where I set up only the items I am animating (some puppet-style character animations). But when I put the same exact elements into the real page it stopped working. Using standard css-syntax [ css: {"background-position": "100% 0"} ] I could get it to work again. The difference being a whole lot of other javascript (and animations, too) going on on the page. Unfortunately I don't have the time to set up a test to see at which point the functionality breaks. Just mentioning that there is still some backround-position voodoo going on and for now it seems that snake-case fixes this.

I owe you.

I tried that but it doesn't work. The event fires, but the property 'rotation' of my Draggable is not updated anymore (and I'm using that to rotate the nested elements in the opposite direction). I could calculate the rotation from the css transform values, but I was hoping there is an easier way.

Now, if you could only tell me, why this breaks the 'onThrowUpdate' functionality... I was able to reinstall the ease within the ThrowProps.to-Tween, but 'onThrowUpdate' does not seem to fire any more.

Exactly what I was looking for! Thank you very much!! If I understand this correctly you override the ThrowPropsPlugins' Parameters by adding ±720 degrees to the end-rotation value. I didn't know you could adress the Plugins' Paramters like that. Thanks & cheers!

Here's a pen I created: http://codepen.io/ppdc/pen/eJvQyp It pretty much does what it's supposed to, except for the one thing, that the wheel should always do 2 full rotations. Thank you!

Hi PointC, hi Jack, thank you, but yes, I am already using them. Should have mentioned that. I think I misstated the problem, I rather need a minimum initial speed, so that the wheel will turn at least x times before it eases to a stop. I think it might be easier to make the wheel turn with a Tween... however I would still want to grab the initial speed of the user's drag to initiate the rotation. Can you follow me? I'll try to set up a pen.

Is there an easy way to make the a Draggable snap only after some time? I am trying to do some sort of lucky wheel, so the rotation should go on for some time and only at the end of the movement it should snap to a predefined angle. Thanks! Edit: minduration kind of works, but I would rather have something like a 'minspeed'.

Why not? A little useless tween never did no harm... Still kind of odd that it works now. Browser voodoo... at least white voodoo for once

I had thought of that, but didn't try. Nice! It even works down to IE9! @Jack: Did you change anything in the MorphSVGPlugin? I noticed, you don't need the dirty hack you came up with anymore...

Some browsers just love to be fooled. That does the trick and the explanation sounds ... sound. Just sad to see that support by IE doesn't even seem to be planned, says caniuse.com.

Hi, I did play around with your new Plugin, and tried to morph a svg shape used as clippingPath on an image. I know, support for this varies among browsers, IE being the usual spoilsport, but still... I was playing around with that recently while trying to port a flash-banner to html. The ability to animate masks is one of the few things I still miss from the Flash-days. However, it kind-of works out of the box, but there seems to be a redraw issue. Here's my pen: http://codepen.io/ppdc/pen/epgbXg Firefox works fine, Chrome and Safari only update the mask on the image if you force a redraw, by scrolling or resizing the frame in codepen. Having said that, exceptional work, as always Mr GreenSock!

Just what I needed! Why do you never fail at delivering amazingness? Is that a word?

Rodrigo and Carl, thank you both very much, this forum never fails to amaze me. I only had a glance at your examples (it's 23:30 here), but that looks very much like the way to go! I will dive into it tomorrow and hopefully come up with a solution. Thank you very much! Peter

Hi Rodrigo, well, thank you and thank you for your suggestions. Option two sounds less complicated but wouldn't I be moving the complete Tween? Cheers