knalle
Recent Profile Visitors
4,368 profile views
knalle's Achievements
-
If i have a 5 seconds timeline I can use tweenFromTo / tweenTo with an easing (e.g. "Power3.inout" from time 1 to 2) to have a second of a timeline playing. But I cannot chain them like tl.tweenFromTo(0, 1, {ease: "Power3.inout" ).tweenFromTo(0, 1, {ease: "Power3.inout" ).tweenFromTo(.... Is there another approach to have a 5 second timeline "zoom" from each second to the next (0,1,2,3,4,5)? The timeline is a part of a master timeline.
-
https://codepen.io/knalle/pen/mdxWBLz Yay, made it work It is based on a couple of ScrollTrigger skew examples. I used a proxy for tweening the rotation based on InertiaPlugin tracking on the draggable. And changed quickSetter to quickTo. I think the performance is good and the "physics" effect is fine - but if anybody spots optimization opportunities in the code, please reply
-
Excactly what I mean. I wasn't expecting an out-of-the-box option. I looked into this, but my skills didn't get my anywhere
-
How would you add a rotation on drag. Like a swinging intertia on the images? That stops when you stop stop/pause the dragging motion. I have tried with quickTo combined with IneriaPlugin tracker, but I can't get et working
-
Ah, of course ? Simple solution, that does the trick! Thanks.
-
Can I limit the drag area and still have the the same animation (no hidden overflow)? So the drag trigger is not taking the full width og the container. Could I just create a trigger (div) that I set the style the width/height and placement of. (fixed now )
-
Thanks, but if I drag to the left it stops working?
-
I need a similar style of draggable as this old pen: https://codepen.io/ryjohnson/pen/pogqoPL/2b3fee8715f4d7c968f2395ff6d66159. But I would like to have it in GSAP 3 of course. I thought I knew what to change. But why isn't my pen working properly?
-
Thanks @GreenSock That was the behavior I was looking for - in the solution, that is... not talking about you :D ... oh well, you always help, so good behavior form everyone here!
-
Thanks @GreenSock and @Cassie I can see that it tries to limit the drag, however, in the examples I'm still able to swipe quickly and it scrolls through several slides?
-
I wasn't sure it was need this time But my request also applies to this one I found on the forum: https://codepen.io/glenn_pot/pen/VwKRpYe So the swipe and flick is fine, but I would like to limit it to one step. E.g. a fast flick on one 1 would still only get it to 2 (or card 7, is it's the other direction).
-
I have a infinite scrolling horizontal carousel/slider. Using Draggable (inertia: true, type:"x"). I like the flicking feature - but can I prevent that a fast flick scrolls through several slides?
-
Ah, of course. I missed that one. Thanks
-
@GreenSock In the codepen you posted above - how can I make it possible to scroll on touch devices? I have tried allowNativeTouchScrolling (both false and true) but it did not solve it. been searching on the forum too, but haven't seen a working solution. If the carousel takes the full screen height of my iPhone I am stuck and unable to scroll (swiping vertically).
