Jump to content
GreenSock

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

PointC last won the day on June 18

PointC had the most liked content!

PointC

Moderators
  • Posts

    4,959
  • Joined

  • Last visited

  • Days Won

    400

Everything posted by PointC

  1. Hey there OneManLaptop , I took a quick look at your pen and it looks like the strange scrolling is caused by your scrollTo position coming from an incorrect offset. You're animating to an offset position, but the offset is changing on each animation. When you click 'two' it scrolls to the second panel, but if you click 'two' again it scrolls back to one because you're asking it to scroll to the new offset of two which is now 0. I'm sure one of the mods will be by shortly and point you in the right direction on your pen.
  2. I almost forgot - you can also use this if you need all the coordinates: var p = scale1.getBoundingClientRect(); console.log( p.top, p.right, p.bottom, p.left)
  3. Hi flysi3000 ; I think this post can answer your questions about animating symbols. http://greensock.com/forums/topic/12232-svg-symbols-rendering-issues-in-chrome-and-ie-on-windows-7-sp1-x64/
  4. Hi there sorciereus , Try these: if(scale1.offset().top === 0) { minimizeShoe(); } if(scale1.position().top === 0) { minimizeShoe(); } if(scale1.offsetTop === 0) { minimizeShoe(); } The first two are jQuery and the third is plain JS. The jQuery position() and offset() only return left and top properties. }
  5. Hi Technics1210 , I took a slightly different approach to your train. It may make things easier for you. http://codepen.io/PointC/pen/bEbvwP Hopefully this helps. Happy tweening.
  6. PointC

    DRAW SVG

    Interesting. If you have a couple free minutes, I'd still recommend making a CodePen so others can see the bug. Maybe there's an easy answer - maybe not. Either way, it could help anyone else coming across the same problem. Edit: PS Jonathan is the forum expert on Firefox. I'm sure he'll read this and probably have some additional info as well.
  7. PointC

    DRAW SVG

    Hi Lauren Johnson , I'm not sure what you mean by 'not working', but there have been some discussions about some Firefox bugs: Here's one thread: http://greensock.com/forums/topic/11064-drawsvg-does-not-fully-draw-path-in-ff/ That thread may help, but if you'd create a CodePen so everyone could see your code in action, that would get you the best answers. Check this out: http://greensock.com/forums/topic/9002-read-this-first-how-to-create-a-codepen-demo/ Happy tweening
  8. PS - @flash08 When you read these answers, you should also read this thread: http://greensock.com/forums/topic/10357-text-news-ticker-animation-is-not-smooth/ It has a good discussion of getting the ticker to run smoothly in all browsers. In particular, you'll see Jonathan has set the z rotation on his pen to 0.01 to help with this.
  9. Hey Diaco - awesome as always. That's really cool that it only has 3 lines of JavaScript. I look at some of your pens and think "It can't possibly be that easy" , but there it is working beautifully every time.
  10. Hi flash08 The amazing Jonathan has a CodePen doing just what you need: http://codepen.io/jonathan/pen/vDhKE?editors=001 Happy tweening.
  11. Hi PeTaWeb , Without a CodePen, it's going to be a little difficult to fully understand what you're looking to accomplish so I'd definitely recommend setting up a CodePen. Everyone can then see your code in action. (and why it isn't working) Check this out: http://greensock.com/forums/topic/9002-read-this-first-how-to-create-a-codepen-demo/ I wasn't 100% sure what you're asking, but it sounds like you're trying to animate some elements on the slides after they come into view? If that's the case, Blake has a really good example here: http://codepen.io/osublake/pen/ZbdxRx/ Diaco also recently posted some cool CodePens with sliders that you should see: http://codepen.io/MAW/pen/XmozON http://codepen.io/MAW/pen/yYradO Hopefully this helps, but as I mentioned, everyone will want to see your CodePen to really be able to help you.
  12. Hey Carl, Now, I didn't say it was great - just a bit better - I mean, this is Adobe after all. I'm in complete agreement with you on some type of 'Show SVG code' button - that would be pretty nice. I'm glad they reached out to you for feedback though. Maybe you can continue to explain things to them until they get it right. I certainly hope they continue improving on this and I think they will as SVGs are gaining quite a bit of traction, but time will tell.
  13. Hey everyone, For anyone, like myself, exporting a lot of SVGs out of Illustrator for your GSAP animations, take a look at the new features: https://helpx.adobe.com/illustrator/how-to/export-svg.html Unique IDs, individual pieces can be exported and ways to minify the bloated code of the old 'Save as' SVG. Looks like some nice improvements.
  14. So easy & simple, but so cool Diaco. Very nice.
  15. Good grief - that is a pretty easy solution you have there. Well, the more I fall down, the more I learn. You're the man, Blake.
  16. I thought I could add a class for the 'blue' - check for that on the press and send it down the stack if you weren't clicking on blue, but my check for .hasClass is not working. I see the awesome Blake is here now. @Blake - why won't this work?
  17. you can just send the 'blue' box back down the stack on press. http://codepen.io/PointC/pen/EVqPbB edit: whoops - that won't quite work since the 'blue' would cause the onPress to fire as well and stay below the other elements. I'm headed out for the evening so I'll think about this a bit, but more than likely, Diaco will be by with a much better solution than mine while I'm gone. He's pretty incredible.
  18. Hi paul_ngc , Depending on what you're doing, you could set zIndexBoost to false, but that may not give you the result you like. You can certainly set the z index of a single element with a button click. Draggable defaults to a z-index of 1000 so you could just set the element's z-index higher than that. In my codepen below, you can drag the orange and green squares on top of the blue, but click the button and the blue will jump to the top. http://codepen.io/PointC/pen/NGQxqv Is that the behavior you were looking for?
  19. Hi jitu , I'm not sure I understand the question. Are you looking to scroll the contents of a div or scroll to the div? Depending on what you're doing - a couple possibilities with docs: You can use the scrollTo plugin: http://greensock.com/docs/#/HTML5/Plugins/ScrollToPlugin/ or maybe draggable: http://greensock.com/draggable For super smooth content, you can also add the ThrowProps plugin to the draggable, but that one is a member plugin - of course, I highly recommend membership because it's awesome to have all the cool extras. To get you the best answers, a CodePen would be great: http://greensock.com/forums/topic/9002-read-this-first-how-to-create-a-codepen-demo/
  20. Hi edquijano That's just coming from your CSS with the stroke set to hex value of #444. Set that to the green that you want and you'll be all set. You also have two identical paths so in my fork of your pen, I animated both with a different color and stroke width. http://codepen.io/PointC/pen/KdjoaW PS - anyone reading this - there is a typo in the codepen link from the OP - it should be: http://codepen.io/edquijano/pen/OyeQeK
  21. Oh - and the stagger time was also missing (defaults to 0 )so everything was flickering at the same time rather than staggering.
  22. Hi Kathryn , On your tl2 timeline, the staggerTo is going to an opacity of 1, but all the images are already at 1. If you set it to something like 0.5, it flickers. http://codepen.io/PointC/pen/yYdOMY
  23. This is probably Jonathan's "beauty sleep".
  24. That one made me chuckle. I know what you mean Dipscom. Usually, by the time I'm half way through reading a question, Diaco has already posted 4 awesome codepens, posted them to Twitter and probably had time for a doughnut and coffee.
×