Dipscom last won the day on May 21

Dipscom had the most liked content!


  • Content count

  • Joined

  • Last visited

  • Days Won


Everything posted by Dipscom

  1. Dipscom

    How to reset animated object to default state

    Hey Frunky! Allow me to butt in here. Animated displacement effect with SVG is not hardware accelerated and not performant at all. If that's the effect you are after, you will want to use Canvas (or a library that uses WebGL).
  2. Dipscom

    How do you optimize your banner ads?

    Back in the day, I would do the whole 9 yards... Minify HTML, CSS, JS, SVG, compress the images, inline some of the assets. If you have a limited amount of KB, you have to squeeze the orange all the way, man.
  3. Dipscom

    Circle distortion animation

    Erm...? Pretty illustration...
  4. Dipscom

    Nested timeline remove pause automatically when nested

    Yes! Playhead. The word had totally escaped my memory.
  5. Dipscom

    Nested timeline remove pause automatically when nested

    Interesting question... I assume you are aware of much what I am about to write, I'm just 'writing it out loud' as it helps me think.. You know that you can add a nested timeline that will only play when the parent timeline 'cursor' gets there without having to set it's property to true. However you want to create a timeline, wait for an async response in the future then add it to the parent. May I ask you why? Why must you create the timeline before the async response? Creating timelines is generally so cheap you could just wait for the response before creating and adding the nested timeline. You also say the secondary timeline may be reused several times. Well, that begs another question. Are you saying you want the same timeline nested into different timelines? And somehow it knows if it's been played in any of the parents? Or do you want the same type of animation created after a certain event has occurred? For the second option, returning a timeline from a function will do the trick.
  6. Dipscom

    draggable with friendly iframe cause error

    Hi @OxXxigen did you consider using Cross Document Messaging to emit whatever data you want from draggable to be shared between the page and the iFrame? I think you can use Draggable in whatever place you need, track the necessary information and pass it as a message down to whoever needs to react to it. Never done it myself but from what I understand of the theory, it should be possible. https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage
  7. Dipscom

    How do I reset my animation

    I forgot to do the hard sale on this line. Yeh man, GSAP is da bomb. Is a better option for a better world! It's performant, efficient, clean, renewable and GREEN - therefore recyclable! The world should be using more GSAP, we all need to support all GREEN and renewable initiatives in the world.
  8. Dipscom

    How do I reset my animation

    Ohhhh Science! I likes science! If you're not on a horrendous deadline I'd be happy to help you work your way around what you need to do to accomplish this if you'd want to. No strings attached, just for the fun of it. The only caveat is that it would be on a drip-drip basis as I'm still a bit overwhelmed with other stuff that needs doing. Ping me a private message if you fancy.
  9. Dipscom

    wave banner animation background

    Look at your code, line 9: for (i=0; i<total; i++){ Do you understand what this is doing? All you need to do is nest another loop, similar to this for each row that you want to create. As PointC has mentioned before, this is a more general JavaScript question that you are asking, we do try and stay as focused in GSAP as possible here or we won't be able to help as many people as we could otherwise.
  10. Eh? You've edited your question without responding to my comment. In any case, my comments still relevant. If anything, it's more relevant now that you have added even more code in. Try to understand what it is that you have written in your code, what each line is doing because as is, your little red balls are animating and scaling down. You can't see it because you wave animation is going up and outside the viewport. Ultimately, your issue here is only spaghetti code (confused code) nothing else.
  11. Hi chiho! You seem to have a bit of unnecessary code in your example. Some of it will cause issues for you. Are you aware of all that this code of yours is doing? An example of unnecessary code is TweenLite.set("#header") // This not only is doing nothing but it might cause something to misbehave at some point You also have a "R" function that are not being used. Do you need it? As for rotating your lines, a simple way would be to create a container to each line, add your balls to it and rotate said container. Just like you add the balls to the "#header" div, you could create a ".line" div.
  12. Dipscom

    GSAP does not work

    That will be because you're probably missing the CSSPlugin... Have another look at the thread, the details are explained there. Or, just use TweenMax instead of TweenLite, you'll probably be better off with TweenMax anyway. Do let us know if you have having language issues, though. Such is the fate of the unworthy... 😩
  13. Dipscom

    DRAW SVG, direction

    😑 So... I've been misled...
  14. Dipscom

    DRAW SVG, direction

    Look at the two of you making the poor hyconnect confused... Mind you, he (she?) said he (she?) wanted to draw counter-clockwise... So, more control is needed over the paths. You can write the SVG code for any shapes you want if you spend the time learning the commands. For simpler shapes is actually better to write the path, more legible. For complex ones, no way, jose. Go use a software that's been designed to do it. Here's a little example. It's not the most round of circles but it will give you an idea. For more detailed info, look up MDN docs and/or a bit of online searching will yield plenty of results. https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths
  15. Dipscom

    GSAP does not work

    If you think I speak any french... Go on and keep that illusion going. 😛
  16. Dipscom

    GSAP does not work

    Hello! Have a look at this thread here, you are making the same mistake that's discussed there: Now let's turn on google translate: Bonjour! Jetez un oeil à ce fil ici, vous faites la même erreur qui est discuté ici:
  17. Dipscom

    DRAW SVG, direction

    Hello! You have to draw your path in a counter clock-wise manner. You can either write the SVG path yourself. Or the drawing software used to create the SVG to edit the current path by reversing it. In Illustrator is under: "Object > Path > Reverse Path Direction".
  18. Dipscom

    How can this scroll reveal effect be reproduced?

    CodePen is a haven for that sort of examples. You can find anything you can think of and a bunch of other stuff you didn't even think yourself. Here's a quick search result: https://codepen.io/search/pens?q=scroll reveal&amp;page=1&amp;order=popularity&amp;depth=everything&amp;show_forks=false Disclaimer: We don't work for CodePen, we don't get commission from them. They're just a bunch of super nice developers who created a lovely comunity and a great product. Sounds very much like GSAP, you say? :D
  19. Dipscom

    paid,jobs,Classifieds,hire ???

    I do think mattsrinc is onto something though. Fair enough that you do not want to mention any particular service but, I think saying that one should always have a default arbritation system setup would be benefitial. If only for a beginner to be aware of that.
  20. Dipscom

    TweenMax.set is setting wrong position

    Hi xpo_greensock@knor, It will be hard to troubleshoot without having the whole context in which the code is operating. Could you setup a simple demo in CodePen or JsFiddle? Or somewhere else that we are able to see the live code? Having said that, if all you want is a border around the selected element, wouldn't it be simpler to just have a border set with a transparent color and then, on selection, you toggle the color to full black?
  21. Hi chiho! I hope I understood your problem correctly, let me know if that's not the case. I think you might be adding a bit too much code in your attempts and are now getting a little bit lost in the forest. See the fork I made of your example pen with some of the extra stuff removed for clarity. Hopefully, this will help you achieve your goal.
  22. Dipscom

    paid,jobs,Classifieds,hire ???

    My personal experience is being drafted to work on some project as the animator only to start working on it and be put in charge of the whole stack... End up spending 90% of the time developing everthing, 9% debugging and only 1% on the animation. So sad... Maybe, one day, I'll learn webdev correctly and will be able to do more animation. Or, maybe, I should learn to stop changing industries and focus on a couple of types of development. Not a new one each time...
  23. Dipscom

    paid,jobs,Classifieds,hire ???

    And that, everybody, is efficiency.
  24. Dipscom

    paid,jobs,Classifieds,hire ???

    I would say the idea, in paper, is very nice. But the ramifications should be considered very carefully. Would these jobs postings be paid to appear? Or would they be free? If they are free, who is going to curate against bogus offers? Would GSAP be, in any way, responsible or answerable to any transaction or agreement that is made via the forums? I personally, think opening a new section and labeling it as "Wild West" to make sure GSAP does not take any responsibility over it save from stopping spammers and scammers could be a good addition to the forums.
  25. Would love to but I cannot, sorry. Too many plates spinning at the moment. Tap out.