Jump to content
GreenSock

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

Tasty Sites last won the day on December 25 2015

Tasty Sites had the most liked content!

Tasty Sites

Members
  • Content Count

    53
  • Joined

  • Last visited

  • Days Won

    2

Tasty Sites last won the day on December 25 2015

Tasty Sites had the most liked content!

Community Reputation

69 Contributor

About Tasty Sites

  • Rank
    Front-end animation lover
  • Birthday 09/15/1990

Contact Methods

Profile Information

  • Gender
    Male
  • Location
    Gdynia
  • Interests
    WordPress, Animations, SVG, Games, Books, Friends and green things ;)

Recent Profile Visitors

3,964 profile views
  1. Thanks a ton Jack! I was switching places of fromElement/toElement and I wasn't in best mind state - it was already getting early Yeah, I've tested most of the MotionPathPlugin stuff, getRelativePosition() was my first try and I almost had it working but there were some offsets from my position that I just couldn't figure out. Though those were the beginnings when I was testing it inside my transformed environment - when I realized I can't even do this with two simple boxes I just had to reach out here for help and get some sleep. This solution is a life saver - thank you again Ha
  2. It's using ScrollMagic under the hood, there were some problems with SM and es6 - so it's kind of a wrapper. Syntax is veeery similar - I really spent a day or two trying to use SM in Vue, and once it was working I couldn't really use .addIndicators. This should make it much simpler, lot's of examples in the docs and it has everything that SM does plus intersectionObservers. Happy Tweening
  3. Hey, As it goes for SM and GSAP, this was may life saver - https://github.com/jonkwheeler/ScrollScene So far works like a charm at least in Vue, maybe that will help someone
  4. Hello Everyone I'm struggling with something that I'm not sure if it's trivial, impossible or I'm just doing it wrong. I've checked everything that I could find about .getBoundingClientRect() .getBBox() and I realized that you recently released an suuuuperb update with .convertCoordinates() and a lot of cool stuff. Though I feel a bit silly trying to use it. Or maybe it's way complicated due to 2 different SVGs and their coordinates systems. Please let me know if it's possible to put that blue box over the green one but specifically to #align-line (so the top of the blue box is touc
  5. Yup, nice one - I'd also love to read some more books about animations itself. Really enjoyed Rachel Nabors Animation at Work - that's the one I can recommend for sure If you guys have some more, please throw the titles
  6. OMG thanks, Craig! Now I know how to figure out masks for all the letters - the trick with opacity...I was doing it blindly ^^' Also, I wasn't sure that's a good way or how to align lines, but I see what you did there Thanks again, it's time to have some fun in Illustrator!
  7. Thanks Craig, That looks better - sorry this wasn't precise - my battery was blinking red ^^ I meant the edges in the middle section, tried to trace the letters precisely but there are always some 'leftovers'. I'm not sure I'm going in the right direction. After spending 6 hours in Illustrator with same results I'm convinced that there's something wrong with my approach... If you could push me in the right direction (not sure that's the right way to achieve such effect) that will make my day! Cheers
  8. Hey again - had a lot of fun using this method - now I'm trying to use that on a font in logotype that has various widths and strange curves. So far I've tried to trace one path using all the fancy stuff Illustrator has, but results are clunky like in the pen above - even when I'm using 4 paths. Any tip on how to make it better will be a huge help Happy Tweening
  9. Hello @Hugh Nivers For more on SVG export One extra tip if you want to export the WHOLE artboard with different layers etc you can export it by https://gyazo.com/e12f38bb3e754b715972acad4f4988a5 Also using Presentation attributes will save you a lot of headaches 1) 2) 3) Happy tweening
  10. Thanks again Craig, I've seen that pen somewhere here - splendid work. I haven't seen the posts though, exactly THE missing guide for me! Reading atm Happy tweening for you2
  11. That was the part I was missing/did wrong...thanks again Craig! Can't wait to use that trick everywhere BTW, about the curve (did it intentionally ^^), that was my main concern - I was able to replicate something "close enough" but that ugly hiccup was just not an option for production. Thanks <3 !
  12. Hello everyone, This one is making my head hurt for few days, there's a lot of similar topics but I just still don't get it, or maybe the thing I'm trying to do isn't possible for shapes. (Here the stroke is just large enough to reveal the shape almost instantly, but it still runs half animation in the back animating stroke-dashoffset till the end, that produces some timing issues) I'm still lacking the skill to reveal complex SVG shapes, not sure how to bite it (drawSVG solves this problem for a path) - any suggestions will be a huge help! Trying to do the same thing like @PointC
  13. Good to know Sahil, always thought the xPercent is the faster one ^^'
  14. Hello @benoit Looks like this is a performance glitch - I think. Probably because you are using x instead of xPercent witch is better for performance Please take a look at this pen and let us know if it solves the problem Something that also could help if you need more control over the performance https://greensock.com/docs/TweenMax/static.lagSmoothing() I'm not sure how you want to display things in the slider but maybe this small CSS change will help you. If you have any questions, please ask Happy Tweening!
×