Jump to content

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


  • Content Count

  • Joined

  • Last visited

Community Reputation

0 Newbie

About oOLucOo

  • Rank
  1. oOLucOo

    JPG Sequence GSAP

    var sprite = {frame: 1,lastFrame: -1,totalFrames: 239,textures: []}; var animation = gsap.timeline({yoyo: false,paused: true,onUpdate: drawSprite}); animation.to(sprite, 2, { frame: 60,roundProps: "frame",ease: Linear.easeNone }); var animation2 = gsap.timeline({yoyo: false,paused: true,onUpdate: drawSprite}); animation2.to(sprite, 2, { frame: 120,roundProps: "frame",ease: Linear.easeNone }); $(".btn1").click(function() { animation.play(); }); $(".btn2").click(function() { animation2.play(); }); How to do to be able to launch the animation several times? When I click agai
  2. oOLucOo

    JPG Sequence GSAP

    my animation is 30 fps Is that right ? var animation = new TimelineMax({yoyo: true,paused: true,onUpdate: drawSprite}) .to(sprite, 2, { frame: 60, roundProps: "frame", ease: Linear.easeNone }); thank you for your help.
  3. oOLucOo

    JPG Sequence GSAP

    @ZachSaucier I tried with the link you gave me (360). The animation is less fluid than with my initial version
  4. oOLucOo

    JPG Sequence GSAP

    Thanks 😃. Animation works fine. But i can't go backwards https://codepen.io/luchohler/pen/qBNBVar
  5. oOLucOo

    JPG Sequence GSAP

    Sorry for the format, this is my first post. Thanks for your feedback. I'll try that. Yet I had the impression of being close. 😀
  6. oOLucOo

    JPG Sequence GSAP

    Hello everyone, I used a code that I found here: https://greensock.com/forums/topic/20404-flickering-png-sequence/ Thanks to @OSUblake. My problem: I have a jpg sequence animation (240 frames) and I would like to navigate between the different frames. Go from 0 to 100 or from 150 to 20. I can go forwards but not backwards. On the first click the animation works but when I click again nothing happens Here is my code: HTML <button class="btn btn1">BOUTON1</button> <button class="btn btn2">BOUTON2</button> <button class="btn btn3">BOUTON3</button>