Jump to content
Search Community

AsKadir

Business
  • Posts

    156
  • Joined

  • Last visited

1 Follower

About AsKadir

Recent Profile Visitors

2,373 profile views
  1. Thanks a lot, @PointC ! That what I was looking for.
  2. Hey, I have found a great and straightforward demo on the forum of repeat and reverse animation, which was created by @mikel. Here it is https://codepen.io/mikeK/pen/dyooKjJ But using the latest GSAP version, the reverse animation doesn’t work the same as in the 3.1.1 version. The animation doesn’t stop on mouseleave. My main goal is to have repeated animation on mouseenter. But on mouseleave, I need to reverse only once instead of reversing the whole repeats. I understand I can do that with tweens and overwrite properties on mouseleave, but I'm looking for a better solution with timeline. Can you help me, please? Below is the same animation with the latest GSAP version.
  3. Hi Cassie, It's hard to say. Because I don't know how much time advanced developers need. Let's make it a $100 task. The faster, the better.
  4. Hi there, I'm looking for a developer with advanced skills in Three JS and GSAP. I want to replicate the same hover animation as here https://www.nightingale.world/projects/category/exposure/ I don't need styles or mouse position list moves. And it isn't important to have the same animation. I need to replicate fast image switching because I can't understand the logic. How do they update the timeline on uniform progress and image switch on every mouseenter with debouncing? If it were a slider, that would be easy, but here something more complicated. The task is to provide HTML and JS files or just a codepen. Thanks.
  5. Sorry, I thought I recreated the issue in the demo, but it's working properly there. I didn't notice zIndex. But I still have a trouble on my localhost. Give me some time, I hope I can recreate it.
  6. Hey team, I have a pinned box, which is fixed till the end of the page. And I have the Flickity carousel below. So after the carousel is implemented, the pin stops working. I tried to add ScrollTrigger.refresh() after the carousel init, but it didn't work. In the demo I added a delay for the carousel to show that the box was pinned and then stopped to work. Can you guide me, please?
  7. 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?
  8. @OSUblake, Thanks a lot! You saved me again!
  9. 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!
  10. @OSUblake Hi Blake! Thanks a lot! I really appreciate your help!!!
  11. 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.
  12. @GreenSock Thanks for your answer, Jack! I will try by myself, if not I will contact you.
×
×
  • Create New...