fix(Levioso): changing speed causes jerkiness

[andretchen0]

Closes #208

Before (speed scales elapsed):

scale_elapsed.mov

After (speed scales delta):

scale_delta.mov

Refactors

I took the initiative to do a few refactors, each in separate commits:

• Removing an unexposed, unchanging ref: offset
• Extracting and naming constants, and "hiding" them in a closure
• Removing some nullish checks on props.range

Please especially have a look at the last one:

props.range is assigned a default value. It seems to me that it can't be null or undefined. It's typed as [number, number], so the type checker should signal an error, e.g., if :range="[1]".

The other props fields don't have null checks.

So I removed the null checks on props.range, but maybe I'm missing something.

Thanks!

[netlify]

✅ Deploy Preview for cientos-tresjs ready!

Name	Link
🔨 Latest commit	6885ffb
🔍 Latest deploy log	https://app.netlify.com/sites/cientos-tresjs/deploys/65022de0861f5d0008b5f4e6
😎 Deploy Preview	https://deploy-preview-212--cientos-tresjs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[andretchen0]

Hey, @alvarosabu

Any chance this will get merged?

My concrete use case:

I used Levioso in a demo for Lensflare with Leches controls.

In order to show off the Lensflare, it has to move behind other elements, but that's not good for seeing the effects of modifying props.

So, when the Leches controls modify props, I slow the Levioso to a stop for a moment. That way the user can see the effects of the new props settings.

But changing the Levioso speed produces the jerky movement at the top of the PR.

[alvarosabu]

@andretchen0 sorry it took too long for me to take a look, I'm gonna check it