Jump to content


  • Posts

  • Joined

  • Last visited

mkurdziel's Achievements


Newbie (1/14)



  1. I also thought that "gsap" points to gsap folder... I made it this way: import { TweenMax, TimelineMax, TextPlugin } from 'gsap/all'; // Webpack treeshaking fix const plugins = [ TextPlugin ]; Looks like a Webpack uses unnecessary feature in this case. Maybe there is some solution.
  2. Thanks Dipscom! It was exactly what i was looking for! It's woking
  3. Hi! I have a problem with TextPlugin. I use Webpack with Gulp, and im importing it this way: import { TweenMax, TimelineMax, TextPlugin } from 'gsap'; TweenMax and TimeLineMax are working fine but TextPlugin is not working at all. Just nothing happen. Here is my code: var tlHome = new TimelineMax({}); tlHome.to( ".heading--intro__1", 2, {text: "Design your brand's story."}) .to( ".heading--intro__2", 2, {text: "Scale it up globally."}) .to( ".heading--intro__3", 2, {text: "Predict the future."}) Any ideas why is TextPlugin not working?
  4. Thanks! You're right, it was only in chrome. Your solution works perfect! I needed to update GSAP and set allowNativeTouchScrolling:false as you said. Thanks again for the help, really appreciate it!
  5. Hello! My site is already online (http://capemorris.agency/) but there is one more issue with draggable element. Everything was ok, but suddenly trigger element starts to lagging (it's "micro" shaking during the move) and sometimes you can't grab element with mouse cursor (pls try to do it few times to see the issue). I thought there can be conflict with other lib's im using, but then i saw the same problem on older codepen (which was working for 100%). Any idea how to solve this one?
  6. Thank you so much for your help and pen!
  7. Hi again! I'm going to add next feature to my draggable element but also this time i have some problems with animations. I want to add a possibility to click on one of the six bigger points on timeline and then animate our cursor there with proper animations. I was trying to achieve that by code inside "Simulation of cursor movement" comment on the top of js code but it's not working as i properly.. as you can see. Thanks for help! The new codepen: http://codepen.io/mkurdziel/pen/YpyrRe
  8. Wow! You are amazing:) Thank you very much for help!
  9. Thanks for the answer. It's almost working, there is only one problem with freezing animation on moving back with draggable. Please check it: http://codepen.io/mkurdziel/pen/XKEzxm
  10. Hi, i have problem with smooth SVG elements animation controlled by draggable. Its not working properly, pls check codepen http://codepen.io/mkurdziel/pen/XKEzxm. First thing is that not every element in animating, whats more, some of them are not coming back after animating. I think that TweenMax.ticker.addEventListener("tick", updateVelocity); is not working properly, pls check console. As you can see, its not registering all of the "move" there are gaps between numbers e.g. 100, 105, 107. It should be 100, 101, 102, 103 etc. Do you have any idea to resolve this problem?