Jump to content


  • Posts

  • Joined

  • Last visited

Posts posted by axe-z

  1. I think I have cracked it, I do not see any issues right now...  using both   <TransitionGroup> and
        <Transition>  with  GSAP , based on the code you gave me , made it simpler and faster. Without the FIXED position that was

    problematic since you cannot scroll . if you ever need it, just give me a shout. My english is not good enough to publish. 

    • Like 1
  2. Hi Rodrigo


    I'm wondering , that react-router example you've linked, where did you find that, is there any documentation ? there is some stuff i'm facing using the concept, 

    wished I could understand a bit more. 



  3. Thanks, I'll try and fix this, the React router one I have not tried yet, look complicated for what could be so much simpler. If only facebook gave a .... about animation and had proper lifecycles for us. 

  4. Does not work anymore... Issues when using routers, animation not waiting before the component is out, it looks cheap. Really bummed out about this. I ll have to go with lesser js animation apis. if only it could work with specific component lifecycles like : componentWillAppear / componentWillLeave 

  5. All the exemples are driving me nuts, been reading for 12 hours, and i'm still nowhere to getting this to work, the previous exemple does not work with react V16 , and IT needs react-transition-group but it has changed too, anyone with a solution ?? React is not a small player , this should be somewhere here in the docs. 

  6. There is hope !!!! 


    var start = null;
     var video = $("video").get(0);
    video.addEventListener('loadedmetadata', function() {
     function frames(timestamp) {
       var progress;
       if (start === null) start = timestamp;
       progress = timestamp - start;
       video.currentTime = video.currentTime += 0.03;
       if (progress < 5965) {
  7. I do know about that , but mp4 should be working with chrome, it does, if no action is set . anyways, performance when rewinding is really really poor, skipping a bunch of frames. 

    Thought about going with a setinterval, each 24, by animating the .playbackRate , as it is supposed to work, again , big fail. 

    very frustrated right now .. I use to do this in flash around 6 years ago, when h264 came out. 

  8. It works in ff, and safari, did not try opera. 

    I have no plugins for chrome, and the last version ... well I had a sniffer for gsap, but once removed, it still does not work on my end .. weird. on mac that is. 

    I guess that is my problem, but I noticed console.log(video.duration) == NaN ...console.dir(video) . if I scroll down to duration, I see a number.. This happens only on chrome. 


    Obvioulsly the demo on codepen is not what i'm trying to do, h264 is SO good for compression, wished we could use it more. 

    Performance is really poor on bigger video files. If only we could use video files with performance and ease. We could do so dawm much more... 


    sorry for my poor english.


    Thanks for your help, you guys are great. 


    Make the web go beyond. 

  9. I've have red almost everything on the net and over here about animation video, but can not get anything working... 


    How do I let say on 

    $(window).on('click', function(){

     // play.forward.... 
    and dblclick, playinReverse... 
    I've tried so many things... 
    these did not help.
  10. Thanks , but that s not it , there is an other event ( DBLCLICK) that reverse the click event. Still I do not know how to stop it ( the hover animation ) there. And restart it, only back at the position at the very start. I did make it to your point, but could not find a way , to restar the hover at the right moment,  ive tried if ( tl.reversed()) { flag= true }, did not work, I do not know why. It would be ease if we could say tl.stop() , when tl2.play(), but that does not work either, and the docs did not give an answer on that. The answer might be super simple, but being a beginner.... Or maybe a onReverseComplete put the flag back to true, but it does not seem there is such a method. Men I need help, impossible that this is not possible. HELP ANYONE , I am going mad over this, every time I think I got it it does not work!! 

    Nice start ! 

  11. I'm a newbie, I did read the docs, but could not find an answer that fitted, or at least did not understand correctly apparently. I do not undestand why I can not control the first TL, while animating the second one. I 've tried almost every thing, been on this for two days, 7 hairs left, please help me obi wan, you are my only hope. Also, am I in the right direction at all ? 

    See the Pen gwZVXA by axe-z (@axe-z) on CodePen

  12. Thanks, I was hoping that tweens could be killed() or at least stoped?, there are several method in the docs,  I really do not understand why it does not work, As for the kill methods,  I have not seen any demos or explanations that fitted a timeline situation. Your codepen is not dooing what I hopped and explained , first, it's stuck on the hover result, then the hover is back if you dlbclick. So there is no way, to kill tweens if its on the same selection?  Removing listeners will create issues .  Well, i ll try to find a way around this. thanks again.