Jump to content
GreenSock

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

ouis

Members
  • Posts

    6
  • Joined

  • Last visited

Posts posted by ouis

  1. 15 hours ago, GreenSock said:

    Hi @ouis - I read your post a few times but I don't really understand what you're saying. Can you please elaborate and make sure you provide a minimal demo and the steps to reproduce the issue? 

    Sorry about that .

     

    the demo i use is the same last codepen you shared here .

     

    i upload a small video on Dropbox showing the error 

     

    https://www.dropbox.com/s/mjnuvbxiffvfpwk/A-Pen-by-GreenSock-Google-Chrome-2021-12-04-13-33-11.gif?dl=0

  2. On 10/18/2021 at 7:54 AM, GreenSock said:

    I assume you wanted something like this: 

     

     

     

    I enhanced it by gradually speeding up or slowing down. You can tweak it however you want.

     

    Strategy:

    • tween timeScale of the loop timeline. You can use a negative value to make it go in reverse.
    • Use a delayedCall() that you just restart whenever there's a wheel event so that after 1 second of inactivity, it fires off a timeScale tween back down to 0. 

    Does that help? 

    thank you for your quick replay I really appreciate you.

    But I'm facing a performance problem, it happens after a time of executing the slider, or after a little scroll.

    It mostly happens when you reduce the speed of the slider from the code

     

    It looks like it's moving in the shape of a block

     

    I just changed the value PixelsPerScond in the horizontalLoop to :

      pixelsPerSecond = (config.speed || 1) * 50,
  3. On 10/18/2021 at 7:54 AM, GreenSock said:

    I assume you wanted something like this: 

     

     

     

    I enhanced it by gradually speeding up or slowing down. You can tweak it however you want.

     

    Strategy:

    • tween timeScale of the loop timeline. You can use a negative value to make it go in reverse.
    • Use a delayedCall() that you just restart whenever there's a wheel event so that after 1 second of inactivity, it fires off a timeScale tween back down to 0. 

    Does that help? 

    thank you very much for the quick replay . you helped me alot. I really appreciate you

     

    it's pretty much what i want to do 

  4. 3 hours ago, GreenSock said:

    Hi @ouis. It looks like there were a bunch of logic issues, React-related problems, no boxes were selected, and you were using VERY old syntax from before version 3. 

     

    If I were you, I'd just use the helper function from the docs that handles looping things on the x-axis: 

     

     

     

    Is that what you were looking for? 

    thank you very much GreenSock it solved all my problems .

     

    i make it auto play and i'm trying to controlling it with scroll handler,

     

    See the Pen porgmyx by ouis (@ouis) on CodePen

     

    is there a way to make the slider scroll passed on how much px the user wheel the mouse

  5. On 10/14/2021 at 4:16 PM, Cassie said:

    Hi Ouis,

     

    Welcome to the forums. Maybe this article will help!
     

     

     thank you Cassie for the quick replay  , the article  was very helpful .

     

    I have used gsap in several projects with react js , but i have an issue with implementing this piece of code.

     

    I'm trying to build an auto play slideShow , and it's stop playing in hover , with scroll control  to the slideShow.

     

    this is a simple exmple:

    See the Pen bGrEvzV by ouis (@ouis) on CodePen

×