Jump to content
Search Community

g1eb

Members
  • Posts

    7
  • Joined

  • Last visited

Recent Profile Visitors

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

g1eb's Achievements

9

Reputation

  1. Ahh makes sense! Must have missed that detail in the docs, I've updated the code now, thanks!
  2. Quick follow up on this one. I've looked into tweaking the animation to work with svgOrigin and I think I got it working now.. I was only wondering why svgOrigin had to be set to '35% 35%' instead of what I would expect - '50% 50%'? Is there some other svg size setting im supposed to set to tell it where the origin/center of the svg is? Thanks again for the help and suggestions!!
  3. Neat! That sounds like a better solution than keeping invisible svg 'paths' around for the motions. I'll see if I can rewrite it to use svgOrigin instead, thanks!
  4. Ahh thank you so much, that's it! ! That's exactly what I was going for I'll analyze the diff to see how you fixed it, thanks!
  5. Hi GSAP community! :) I was playing around with a logo for fun when I ran into this strange misalignment issue, it's quite apparent when you see the demo on codepen. I think it what comes down to is when the moons are animated separately everything works fine, but then if I add the rotating animation of the entire object (svg group holding all the pieces) the 'align' property of the `MorphSVGPlugin.pathDataToBezier` settings does not align correctly. When the global rotating animation is done you can see the objects 'snap' into place correctly. Is there any way to make this work? Am I missing something, maybe I should set that 'align' property to something else? Let me know what you think :) Thanks, Gleb
  6. g1eb

    Thanks GreenSock!

    If anybody is interested, I've isolated the animations and posted them on codepen: https://codepen.io/g1eb/full/ZJbZeX/ Most intricate part was getting the robot movements right - this is where I used a lot of stacked timelines of various smaller movements. My graduation project is a user study into affective computing, chatbots and grilled ham and cheese sandwiches. A short game where you get to teach a rather naive robot chef how to cook)
  7. g1eb

    Thanks GreenSock!

    Hello GreenSock! I haven't posted on the forum before but I've used it a lot recently and wanted to say thanks to the community! I've decided to try greensock for svg animations while working on my graduation project. And even though I've never worked with any sort of animation library before I'm very pleasantly surprised by how intuitive and seamless greensock works. Just something about working with js components for svg objects that lends itself very naturally to using gsap to animate these objects - it just clicks.. Aside from simple enter animations, having the ability to predefine entire timelines of atomic movements and then stack them to get more complex behaviour is pretty astonishing. And then the cross browser consistency, woah dude! I really really enjoyed working on this and I'm already thinking of the next project I'm going to work on with GSAP Thank you all for making this library what it is!
×
×
  • Create New...