Jump to content
GreenSock

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

fernandocomet

Members
  • Content Count

    14
  • Joined

  • Last visited

Community Reputation

1 Newbie

About fernandocomet

  • Rank
    Member

Recent Profile Visitors

1,924 profile views
  1. Thank you very much Rodrigo for you help and assistance. I see it clear now. This colors and sentences props I will change them to dynamic data. Thank you again!
  2. Ok I´m trying to perform an example with what you say. I´ve defined out the timeline and have added ComponentWillMount, don´t have previous error but a new one: "Cannot remove node 35 because no matching node was found in the Store." https://codesandbox.io/s/gsap-react-state-problems-swnuv?file=/src/Text.js
  3. Hi there! I am making a portfolio site. I am building it in React and using GSAP. I have found the following problem: Say my site has four sections: Home / Text / Works / About And I will use GSAP on section 2 "Text", so if I navigate to this section it is ok, but if you go to another section and go back to "Text" I have this warning: Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount m
  4. Ok, so if I use it for React I think I should do: import gsap from "gsap"; import 'gsap/TextPlugin';
  5. Ok than you very much, So this will only work at Codepen and Codesandbox I think
  6. Thanks a lot Zach, I think I need a plugin, it says: "Invalid property" "text" "set to" "Froggyfer" "Missing plugin? gsap.registerPlugin()" I am using these two: https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/gsap-latest-beta.min.js https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/plugins/TextPlugin.min.js -> Is this ok?
  7. Hi, In the demo, I want to change the text for each time color changes. I used to do this with Set or with an onComplete I´m trying to do it with .add but target is wrong ("target message not found") function changeText(arr) { gsap.to("#message", { text: changeText(messages) }); } var tl = gsap.timeline({ repeat: -1 }); colors.forEach((color) => { tl.to("#message", { xPercent: -50, left: "50%", duration: 0, delay: 0 }) .to("#bg", { backgroundColor: color.dark, duration: 1, delay: 3 }) .to("#message", { color: color.light, duration: 1, delay: 0 }
  8. Yes that´s right
  9. Thank you Zach I want to change color of background of text every constantly, asigning the colors of my Array (dark/light) I wonder if it can be made with gsap timeline or if there´s a better option
  10. I want to change color of my background and text again and again parsing my array of colors. I don´t know if I can do that using a variable or changing itemColor value, I was thinking in using an onComplete funcion by I will use this inside React, let itemColor = 0; var tl = gsap.timeline(); tl.to("#bg", { backgroundColor: colors[itemColor].dark, duration: 1, delay: 3 }).to("#h1go", { color: colors[itemColor].light, duration: 1, delay: 0 }); Also I have a Codesandbox link for React https://codesandbox.io/s/gsap-react-text-gsaptimeline-cuk58?file=/src/App.js
  11. Thanks all of you, that´s the point! Thank you very much!
  12. Hi, I´m using Animate CC with TimeLineMax, sorry for being a beginner. Can anybody tell me why the red square in the files attached is not moving to exactly coordenate x = 0 ? I´m doing this: var root = this, tl; //gsap timeline tl = new TimelineMax(); tl.to(root.logo, 1, {x:"0", ease:Back.easeOut}); tl.to(root.cuad, 2, {x:"0"}); tl.to(root.cuad2, 2, {x:"200", ease:Back.easeOut}); Thanks a lot! 300x250.zip
  13. ok, I think it´s enought with this: <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.8.3/TweenMax.min.js"></script> XD
  14. Hi friends, In my document I am doing this: <script type="text/javascript" src="js/greensock/plugins/CSSPlugin.min.js"></script> <script type="text/javascript" src="js/greensock/TweenLite.min.js"></script> I would like to know if is it possible to load GSAP library from an absolut url. somethin as: <script type="text/javascript" src="http://greenshock.com/js/greensock/plugins/CSSPlugin.min.js"></script> Thanks
×