Jump to content


  • Posts

  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

heim_designs's Achievements

  1. Than you. I tried preventOverlaps and it made scrolling forward super smooth (except it skips one trigger for some reason 😮). But scrolling backwards is still jumping and glitching. https://codepen.io/dmytro-karaulov/pen/zYPEMwO Unfortunately I don't think it's possible to make it as one timeline because I have different triggers on real website. Each section of the website has it's background. Sections have different size. I am not sure how in this situation I can make it as one timeline. Here is the site, it works almost correctly without scrub smoothing (except last animation starts too early) https://snig-new.webflow.io/
  2. I figured out that without scrub value (just "true" option) in works perfectly without jumps. But in my case it needs to have smooth scroll animation so scrub value is needed. Is there a way to use scrub in a way animations do not conflict with each other?
  3. Seems like I didn't communicate issue clearly. Im using canvas rendering so perfomance itself is good. But it seems like I made a mistake in code. It starts another animation imediately after new trigger is reached. Can I set it up somehow in a way it will play smooth like a single animation but with different triggers (on real life website each shape position refers to particular section)?
  4. Hello everyone. I am trying to make smooth background animation where I have an array of shapes that morph between each other and change colors on scroll. But I am struggling to make this animation smooth. On first scroll it works okay but when I am scrolling back it becomes crazy. And on first fast scroll it works pretty bad as well. Seems like I am missing something. Overall I want to make it seamless and very smooth. Another question: how can I make shapes change color simultaneously with the body color change? I tried to do that but there is a conflict between different animations. Color change from first animation overrides color change from animation related to the body.
  5. Thank you @akapowl Works like a clock.
  6. Hello @GreenSock Thank you so much for your solution. This is exactly what I needed! You saved me. Is there any chance to change color of the fill with scroll trigger as well on canvas?
  7. Hello. I am new to js and GSAP. I am trying to make SVG paths morph on scroll one path to another. I tried to make it outside Canvas but perfomance was very bad on safari and mozila. So I decided to render it on canvas. But I am strugling to make it work. Right now it flickers when I scroll instead of smooth morphing. Seems like there is a problem with on update function but I cannot figure out. Can you help please? Thanks