Jump to content


  • Posts

  • Joined

  • Last visited

About AsKadir

Recent Profile Visitors

1,467 profile views
  1. @OSUblake, I didn't know it 😅. Thanks a lot!
  2. Hi all, I have extensive code, so I took only the issue part. There is a boolean value in my code, and I'm changing it in a timeline that I can then reverse. The value is changing, but if you open a console and open an object, you'll see it isn't. My question is, am I doing something wrong? Can you help me, please?
  3. @OSUblake, Thanks a lot! You saved me again!
  4. Hi there, Recently I tried to update GSAP from 3.6.0 to 3.8.0 and found issue with Pixi JS. I have a Pixi animation with displacement filter and I also use PixiPlugin. After update it stopped to work and in console I have: DisplacementFilter 'is not a DisplayObject or PIXI was not found. PixiPlugin.registerPIXI(PIXI);' I use webpack and follow rules with GSAP PixiPlugin: import * as PIXI from 'pixi.js'; import gsap from 'gsap'; import { PixiPlugin } from 'gsap/PixiPlugin'; import { Draggable } from 'gsap/Draggable'; gsap.registerPlugin(PixiPlugin, Draggable); PixiPlugin.registerPIXI(PIXI); I though it was Webpack or Pixi JS issue because I updated them too, but after a lot of tests I see that issue with GSAP. You can check this codepen and see error in console. Let me know am I right or not, thanks in advance!
  5. @OSUblake Hi Blake! Thanks a lot! I really appreciate your help!!!
  6. Hello, I made a horizontal container with items inside, it's draggable, scrollable and infinite. It's working great, except dragging not working as excepted for touch devices. I don't have any errors and don't know what to do. Can someone help me, please? I'm sure this demo will help a lot people.
  7. @GreenSock Thanks for your answer, Jack! I will try by myself, if not I will contact you.
  8. I mean scrub: 0.7, so animation of the moving seems like smooth scroll. In the last your codepen you are doing stagger animation, which is not what I want. Let me try to explain in another way, so we have block with elements: https://codepen.io/ChicagoJostik/pen/ExmVOGz Here is another codepen with pinning and elements moving to top, so when user scroll it seems like elements start moving smooth, but actually the block is pinned and elements inside of it moving up: https://codepen.io/ChicagoJostik/pen/dyWYQwo Do you see the difference? So right now I want to add animation for each red box on scroll, I'm using ScrollTrigger: https://codepen.io/ChicagoJostik/pen/PomqKPe But because elements are moving up, their entry point are different from what ScrollTrigger thinks and that's why if you look to the last red box you will see that rotation starts too late.
  9. @Cassie Hello Cassie, Here is another codepen: https://codepen.io/ChicagoJostik/pen/oNWjaYq What I want to have the block ".wrapper" be pinned and move the content ".items" inside of it to top to have smooth scroll, and at the same time to have rotation animation for the boxes. Did you get the point what I want? Sorry for my bad explanation. Thanks a lot!
  10. Hello, I have a block, when user scrolls it becomes pinned and elements inside of it start to move to top with scrub, it's kind of smooth scroll only for this block. So it's working good, but now I have an issue, because I can't understand how can I implement ScrollTrigger animation for elements that inside of this pinned block. I understand why it's not working right now because I move this elements with tween and the trigger position changed. Can you give me advice, please? Thanks in advance!
  11. @OSUblake But never mind. I think it's not a big trouble. Thanks for your time!
  12. @OSUblake Thanks for your answer! I think you misunderstood me, by liveSnap we can limit the dragging distance, right? But I'm telling about browser window's borders, you can leave it and dragging will still work, just try it:
  13. Hello all, I have an issue with Draggable, I inserted your codepen, but it doesn't matter, it happens with any working example where Draggable is. Try to press and hold your mouse on a wrapper and move it from right to left, then not letting go the left mouse button, leave the browser window and move your mouse, you will see that the drag is still working for blocks. Why it happens? Is there a possibility to prevent it? Thanks in advance!
  14. @GreenSock Thanks, Jack! I see what you've done, it's great!
  15. I just want to make text responsive on window resize after animation was done. So visible lines will be responsive, about invisible it doesn't matter. right? Or should I make it in another way? It's actually will be dynamic, the user can add animation to whatever text he/she wants by clicking the button in a WordPress site builder. Can you give me advice, please? I understand that it bad practice what I'm doing, but should I just give up with revert()?