Jump to content
GreenSock

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

ericshew

ShockinglyGreen
  • Content Count

    50
  • Joined

  • Last visited

Community Reputation

26 Newbie

About ericshew

  • Rank
    Advanced Member

Recent Profile Visitors

1,140 profile views
  1. Okay. Thanks for the information. I missed some of the resources you guys pointed out on my initial review. I appreciate your help.
  2. I'm getting errors throughout my entire site. I'm not sure how I would replicate the issues in codepen. Are there resources available that identify the issues (like cycle) or that provide insight into resolving them? Lastly, is GSAP 2 online documentation available? It would be really nice to have access to it since it may be some time before I can transition to 3.
  3. Hi there, Thanks again to the greensock team for an outstanding product. I'm upgrading to gsap 3 and am running into a few issues. On the previous version of GSAP, these issues did not happen. I believe I added all of the plugins I was using before but I'm not sure about css rule plugin. Please let me know your thoughts on resolving? Thank you. gsap.min.js:10 Invalid opacity tween of 0 Missing plugin? gsap.registerPlugin() gsap.min.js:10 Invalid cycle tween of {y: Array(2), x: Array(2), opacity: Array(2), ease: Array(2)} Missing plugin? gsap.registerPlugin() gsap.min.js:10 Invalid x tween of 500 Missing plugin? gsap.registerPlugin() gsap.min.js:10 Invalid opacity tween of 0 Missing plugin? gsap.registerPlugin() gsap.min.js:10 Invalid opacity tween of 0 Missing plugin? gsap.registerPlugin() gsap.min.js:10 Invalid x tween of -400 Missing plugin? gsap.registerPlugin() gsap.min.js:10 Invalid opacity tween of 0 Missing plugin? gsap.registerPlugin() gsap.min.js:10 Invalid x tween of -400 Missing plugin? gsap.registerPlugin() I'm also getting this error: Uncaught TypeError: Cannot read property 'height' of undefined Here are the plugins I was using now. wp_enqueue_script( 'GsapCore' , get_stylesheet_directory_uri() . '/js/greensock/gsap.min.js', array ( 'jquery' ), null, true); wp_enqueue_script( 'DrawSVG' , get_stylesheet_directory_uri() . '/js/greensock/DrawSVGPlugin.min.js', array ( 'jquery' ), null, true); wp_enqueue_script( 'Splittext' , get_stylesheet_directory_uri() . '/js/greensock/SplitText.min.js', array ( 'jquery' ), null, true); wp_enqueue_script( 'MorphSVG' , get_stylesheet_directory_uri() . '/js/greensock/MorphSVGPlugin.min.js', array ( 'jquery' ), null, true); wp_enqueue_script( 'CSSPlugin' , get_stylesheet_directory_uri() . '/js/greensock/CSSRulePlugin.min.js', array ( 'jquery' ), null, true); wp_enqueue_script( 'TextPlugin' , get_stylesheet_directory_uri() . '/js/greensock/TextPlugin.min.js', array ( 'jquery' ), null, true); wp_enqueue_script( 'customease' , get_stylesheet_directory_uri() . '/js/greensock/CustomEase.min.js', array ( 'jquery' ), null, true); These were the plugins I was using prior to the upgrade. wp_enqueue_script( 'TweenMax' , get_stylesheet_directory_uri() . '/js/greensock/TweenMax.min.js', array ( 'jquery' ), null, true); wp_enqueue_script( 'DrawSVG' , get_stylesheet_directory_uri() . '/js/greensock/plugins/DrawSVGPlugin.min.js', array ( 'jquery' ), null, true); wp_enqueue_script( 'Splittext' , get_stylesheet_directory_uri() . '/js/greensock/utils/SplitText.min.js', array ( 'jquery' ), null, true); wp_enqueue_script( 'MorphSVG' , get_stylesheet_directory_uri() . '/js/greensock/plugins/MorphSVGPlugin.min.js', array ( 'jquery' ), null, true); wp_enqueue_script( 'CSSPlugin' , get_stylesheet_directory_uri() . '/js/greensock/plugins/CSSPlugin.min.js', array ( 'jquery' ), null, true); wp_enqueue_script( 'TextPlugin' , get_stylesheet_directory_uri() . '/js/greensock/plugins/TextPlugin.min.js', array ( 'jquery' ), null, true); wp_enqueue_script( 'customease' , get_stylesheet_directory_uri() . '/js/greensock/easing/CustomEase.min.js', array ( 'jquery' ), null, true);
  4. Hello, I'm trying to solve a problem that I've wondered about for a while. What I would like to do is have a framework where elements animate in when they enter the viewport. However, if the screen shows three at once, then I would like them to animate in consecutively. Because of different size screens, scroll speeds, etc., the exact number of elements could vary. To me, a good way of solving this would be to add the entrance animation to a timeline that acts as a queue and then once the timeline completes to empty out the queue. I've tried implementing this but I can't get the results to work. Could you let me know your thoughts. Thanks very much in advance!
  5. Thanks Sahil. Even though the code didn't achieve the intended effect I still learned a few pointers from it. The code cleanup frunction was new to me as well. Thanks very much for sharing!
  6. Thanks for letting me know. I really appreciate it!
  7. I'm referring to the non morphing text... in my codepen I created two examples. One with a div and one without. I'm hoping for a soution that doesn't require an outside DIV or other dom manipulation. It sounds like that isn't possible.
  8. It's not the initial text I'm referring to, it's the body copy and title linked wtih the portfolio - which is all live text.
  9. Hi there, I'm trying to use greensock to recreate an effect I see everywhere. Here is an example of it. http://www.jennyjohannesson.com/klm I'm referring to how the Bluey text and body appears on the portfolio page. I would like to have the text appear from the baseline. I can re-create this effect using a wrapper with visible set to off but ideally I would not use a wrapper. It seems like there should be a straightforward way of pulling this off but I'm not sure how to do it. Thanks in advance for your help.
  10. Wow. Thanks very much. I've gone over your solution multiple times now and I'm finally beginning to understand it. Your code is always so concise and clean. I really appreciate the clarification. Thanks!
  11. Here's the demo I made as an answer to that question. Hopefully that all helps. Happy tweening.
  12. Hi there, I've been figuring out the svgorigin setting and am really happy with how it works. I am running into one problem that I'm not able to resolve. Basically, I'm wanting a whole bunch of SVG rects to converge to / deconverge from a center position. Essentially, it's centering an object according to the SVGorigin. Thank you in advance for your help.
  13. Hi there, I'm running into some challenges in using the hover with morphSVG plugin. What I'm trying to do is to have an object morph from shape to shape on the basis of what menu item is currently hovered over. I'm sure I'm overlooking something basic. Thank you in advance for your help. Thanks!
  14. Hi there, I'm in the process of figuring out splittext. I'm trying to build a carousel of text messages that rotate in the manner of an old school odometer. I'm running into issues with when to use splittext. Would welcome your help. With gratitude.
×