Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

OSUblake last won the day on June 23

OSUblake had the most liked content!


  • Content Count

  • Joined

  • Last visited

  • Days Won


Everything posted by OSUblake

  1. Very rough demo... Markers are a little wonky. ScrollTrigger Update Horizontal (codepen.io)
  2. I tried it, but I'm still working on figuring something out. I need to find a way to update ScrollTrigger without using refresh as it kills performance.
  3. Another good one. Use graphics to create a motion path. PixiJS Motion Path Graphics (codepen.io)
  4. Hi Daiko, We try to keep these forums focused on GSAP specific questions, but anyone is free to jump and help. It's been years since I've messed with Google maps, so I wouldn't be of much of help. I would try to get the map functionality working without ScrollTrigger. So find a way to get resizes and adding markers to work by itself, then once you get that solved, it should be pretty straightforward on hooking it up to ScrollTrigger.
  5. Do you mean like this? PixiJS Motion Path (codepen.io)
  6. What browser and OS is that? I'm having trouble reproducing that.
  7. Hi @evomedia.lt See if this works for you now. Gsap Flip Test (codepen.io)
  8. Locomotive scroll is a third party library, so we can't really offer support for it. There's an example in the docs that doesn't use another libary. https://codepen.io/GreenSock/pen/gOgWELo SVG text on path GSAP animation (codepen.io)
  9. Yarn keeps a cache for faster install. You should look into cleaning it. v1 https://classic.yarnpkg.com/en/docs/cli/cache/ v2 https://yarnpkg.com/cli/cache/clean
  10. Hey J! You should animate the properties that you have in your first demo. No need for a motion path or anything like that. This should get your started. SVG text on path JS animation (codepen.io)
  11. What are you using to install, npm, yarn, etc? Something is definitely being cached with your setup, just not sure where.
  12. That version should have Flip, but your screen shows some other files missing too. I would try deleting your node_modules folder, remove your tgz, and remove "gsap": "./gsap-bonus.tgz" from your package.json and start again.
  13. What does it say in here?
  14. Hi Moises! You cannot animate the display property. What should it be at 50% of the animation, inline-block or block? So it can't be animated, but you can do a Flip animation to make it appear seamless. https://greensock.com/docs/v3/Plugins/Flip
  15. Hi Charles! What version is that? It should be inside the package.json.
  16. Pretty sure you could just setup a scroll proxy for that. I'll mess around with that in a bit.
  17. Another excellent point, which is why I would suggest having it hidden until there has been a "first" mouse movement.
  18. Hi evomedia, Thanks for the demo. We're looking into it.
  19. Sorry, but there is no way to get the cursor position until it has moved. You could have it hidden, and then move it to the center on the first move or animate it. container.addEventListener("mousemove", onFirstMove); function onFirstMove() { container.removeEventListener("mousemove", onFirstMove); // make visible and set position } Also note that that demos are using the older syntax.
  20. It would need to be like this. gsap.to(bunny.scale, { duration: 1, x: 2, y: 2 }); Or with the PixiPlugin. gsap.to(bunny, { duration: 1, pixi: { scale: 2 } });
  21. Hi @guano Can you make a minimal demo showing the issue, either on CodePen or CodeSandbox? Thanks!
  22. What's wrong the example @mikel linked to? Vertical behavior would be the exact same, just in a different direction. You just need to modify the code so it works on the y axis instead of the x axis.
  23. Definitely, we like to see any issues you are having with it.
  24. What site did you get that video from? It doesn't look like it's scrolling. Just faking it. You can use whatever approach best works for you, I was thinking that that video looks like those demos I posted, which do not use scrolling.
  25. Try getting it to work without React first. I couldn't do it. A Pen by GreenSock (codepen.io) We really don't have the resources to troubleshoot third party libraries. I would just recommend doing something like this. https://codepen.io/GreenSock/pen/ZEpNLZa And if you want the smooth effect. https://codepen.io/GreenSock/pen/gOgWELo