[GREENSOCK Snippets Extension for VSCODE 2022]

Hello everyone!

 

I wanted to let you know that I created a vscode extension called "Gsap GreenSock Snippets", it already has more than 40 different snippets and I am planning to eventually add more. 

 

I hope you can give it a try and find it useful.

 

 

Happy tweening!
Max.

[A little problem with draggable and liveSnap / Draggable Carousel]

 

Hello! 
Thank you for your answer, even though InertiaPlugin is a great and much better solution I found out why it was not working as I expected.

It turn out in the original code I was using a variable for the transitions, but when I copied and pasted the code on codepen I  did not realize that.

 

 

See the Pen KKZrNqr by maxrpark (@maxrpark) on CodePen

 

After I fixed that it works as the one I created with Vue.

 

It does not look as cool as the one using InertiaPlugin but at least now it snap.

The bug was so simple that it was the last thing I could imagine, I almost went crazy.

 

Again, many thanks for your quick response and solution.

[A little problem with draggable and liveSnap / Draggable Carousel]

Hello!
First of all, thank you for everything related to Gsap, you guys are great.
Second, I came with a little problem, I created a carousel using gsap and the progress is controlled with draggable.
The thing is that it works great in a project I created using Vue.js but when I built it using only javascript it does not work properly.

The actual problem is that it does not snap as the one created with Vue.

This is the codepen, I commented out liveSnap, so you can see how it works but if you uncommented liveSnap you will see the problem.

 

 

I  am also sharing a gif of the one I made with Vue, to show how is supposed to work.

 

 

Many thanks in advance

Max.

 

 

See the Pen ZEvmEJp by maxrpark (@maxrpark) on CodePen

[Links in draggable on Android Chrome]

On 8/12/2020 at 5:29 AM, evomedia.lt said:

I updated the minimal demo with a "fix" that works for me. Instead of click event I'm tracking for pointerdown and pointerup events. On pointerdown I record the pointer Y position along with timestamp, then wait for pointerup to happen. If pointer moved less than 6 pixels to either direction and there was less than 130 millisecond span between the events I register it as a click/tap and select the item. It's a crude workaround, but at least it works for now.

 

I  was having the same problem on  chrome with android devices and this solve the issue for me too!

Thanks!!