Jump to content


  • Posts

  • Joined

  • Last visited

About usernolan

usernolan's Achievements

  • Week One Done
  • One Month Later
  • One Year In

Recent Badges



  1. Using a fill makes it a little easier to orchestrate something that starts to make sense: https://codepen.io/nolan330/pen/yLNJZJP Getting close enough for what this will be used for, for now. If anyone catches anything similar or related, I'd love to see it!
  2. Really appreciate the feedback @GreenSock! I’ll try more deliberate point dragging, which is a great idea, and may also take a shot at the more advanced approach too. It’s a good reason to learn more about SVG internals. In any case it’s great to know that something like that may call for going lower level.
  3. Here is another compromise, where the shapes are sort of trivially connected, which gets a little bit closer, perhaps: https://codepen.io/nolan330/pen/ZEGWrVZ
  4. Hi there! This might be more of an SVG composition question than an MorphSVGPlugin question, but hoping someone might be able to lend some tips on achieving the right effect for this: https://codepen.io/nolan330/pen/qBdZxJO In the pen, you might notice that the morph "primarily" expands the pentagon into the dodecagon, with the triangle and square sort of collapsing ("merhhhh...") into single points respectively. I'm wondering how I might be able to refine the morph, perhaps using shapeIndex or tweaking the SVG itself, so that the 3 independent shapes more "equally" contribute to the final dodecagon. (I apologize I don't have a more precise vocabulary for this!) The idea was that 3 + 4 + 5 = 12 (points), and 2 * 2 * 2 = 8 (stroke, who knew stroke grew exponentially!?), so the 3 original closed shapes might sort of compose smoothly into the final dodecagon. I think it could look pretty neat if configured correctly, but it seems like it will depend on a more clever path for the 3 independent shapes. So far, I've tried kind of a "cheat", where the shapes are just one continuous line, but I think it could still be improved: https://codepen.io/nolan330/pen/LYVNQmp I also tried changing the shapeIndex on the continuous line, but it doesn't seem to significantly impact the outcome: https://codepen.io/nolan330/pen/oNXxEyb In any case, any tips or feedback welcome! And I apologize if this is more of a SVG fundamentals question/unfit for the forum. -nolan
  5. I'm brand new to GSAP, and this resonated deeply with me as yet another goof typing at a beep-bop. This is the first time in a long while I've been so wildly excited by a technology, and even more so by its community and technological periphery. Looking forward to being a part of it.