jstafford

ShockinglyGreen
  • Content count

    176
  • Joined

  • Last visited

Community Reputation

23 Newbie

About jstafford

  • Rank
    Advanced Member

Recent Profile Visitors

2,611 profile views
  1. Hi, I was trying to analyze why this Split Text seems to shake in chrome. This is from the SplitText Collection in Codepen for GSAP. Why is this?
  2. Thanks Jim. Sorry for late response.
  3. addToController above was the mistake. Again, my setup is good.
  4. Hi Blake, I just got it working. My problem was using the addTCintroller (controller) method. There is no such method. It is addTo (controller). Silly mistake. It was not a setup issue. I like Vue 2. I am not using Typescript, but plan on implementing when it has a more full buy in like Angular 2 (documented, etc.) .
  5. I have been trying to setup gsap with scrollmagic and webpack 2 and running into difficulties. I am reaching out here b/c scrollmagic uses gsap and is poppular here. Also, I know weback 2 is popular for a few different front end frameworks now. I am using Vue. Here is my stackoverflow summarizing my problem. https://stackoverflow.com/questions/44229694/webpack-2-not-loading-scrollmagic-and-gsap-imports-correctly-uncaught-typeerror I just don't know how to resolve it, but I would really like to use scrollmagic and gsap together. Thanks. John
  6. I need to go watch Wargames.
  7. You switched over to Observables with TypeScript in Angular 2 yet Blake?
  8. http://codepen.io/jstafford/pen/JXQBrO ; interesting thing is now that I am using the canvas shim, it normalizes the behavior across all browsers. the B being a little further away from the F and red middle part of the logo was easily fixed with a greensock change in x in my animation. Wow, this canvas technique really worked for me. I know ie 11 is less than 6% of the browsers right now, but I feel much better now.
  9. http://codepen.io/jstafford/pen/RazJXM ; this is using the canvas shim . almost perfect. The B is not responding as well as the others though
  10. Thanks guys. I appreciate your help and suggestions. I was fairly sure I was not dealing with GSAP issue as well, but wasn't convinced that I was dealing with an svg scaling in ie11 problem either. I didn't know if there was something that GSAP could offer that could alleviate this. I think this is a scaling problem now in ie that seems to involve aspect ratio. I had already tried the width: 100%, display: block, and a lot of configurations of preserveAspectRatio (xMidYMid, xMaxYMax, meet, slice, etc.) with no success. http://codepen.io/jstafford/pen/ONeEwZ . This codepen shows width: 100%, max-width: 100%, and display: block using the svg css selector with no success. The preserveAspectRatio configurations work at some widths and not others. I haven't tried the canvas technique yet, but was hoping for a css fix. I will keep plugging away at this.
  11. Hi Greensock Community, I have been working on an intro animation that runs fine on chrome and firefox. I tested in IE11 and have been plauged with what seems to be inconsistencies in the rendering of aspect ratios of my svgs when the width of the slideshow is greater than 1200 px wide. It is really strange, I don't know how to tackle it but it seems to me that IE11 is tinkering with the aspect ratio when going to bigger width device. Can greensock help with this or are there other tricks I can use to get rid of this? Any help greatly appreciated. John
  12. thanks guys. let me digest these answers and reply later.
  13. Hi Jack. You can see slight hiccups in between slides if you look closely at the progress bar. It is present to a greater degree on my local example that I can't put on codepen. No reason why I am using onUpdate. I was using this as an example. http://greensock.com/forums/topic/10484-get-progress-of-a-child-timeline-and-master-timeline/ ; Could this be the source of the problem? Trying to figure out how to tie the scaleX progress with progress bar when I create the timeline and not having much luck.
  14. Hi, While this problem is much diminished in this codepen, it is still present if you look closely. It doesn't happen all the time , but when it does , there is a slight stop and then the progress bar begins again while the images transition to another. This is not present in the states with only one image (the progress bar goes across with no slight interruptions). I am working on a much bigger banner slider (20 states with 7 or 8 that have these multiple intra-transitions). It is present to a greater degree. I am trying to figure out how to get rid of it. Any ideas? Thanks. John
  15. Wow Blake! Thank you so much. I need to study up on your solution, but most everything is fairly familiar looking to me. John