Jump to content
GreenSock

Chantal

Draggable and Scale container

Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi!

I've made a small example to demonstrate my problem. If you click on the grey square a scale is done after try to drag the square. The draggable object doesn't respond to the drag correctly.

 

See the Pen Arnly by anon (@anon) on CodePen

 

Can you help me with this please?

 

Thanks!

Chantal

Link to comment
Share on other sites

Right, scaled/rotated containers are not supported. In order to do so (as far as I can tell), we'd have to calculate and combine the transform matrices of all descendants constantly and do some complex math that'd bog things down, especially when factoring in non-standard transformOrigin values and bounds. The performance tradeoff (much less all the extra code) just isn't worth it. You can, however, experiment with altering the new dragResistance property to compensate for the change in scale if you'd like. That's not quite released yet, but you can get a preview here: 

http://forums.greensock.com/topic/8339-draggable-on-windows-8-touch/#entry32419

 

I wish I had an easy fix for you. 

Link to comment
Share on other sites

Hi,

The dragResistance is not helping me :-( . Do you think in a near future the scaled container can be supported?

 

Thanks for your help!

Chantal

Link to comment
Share on other sites

Have you tried setting it like this:

yourDraggable.dragResistance = 1 - (1 / containerScale);

?

 

As far as adding that functionality, we don't have any specific plans to add it soon, but if you have a particular project that requires it and would like to hire us on a consulting basis to implement that, feel free to contact us and we can talk about schedule and pricing. (you can private message me or e-mail info@greensock.com)

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×