leva icon indicating copy to clipboard operation
leva copied to clipboard

Spring input: consider making the example bar vertical

Open marcofugaro opened this issue 4 years ago • 5 comments

I am talking about the bar on the bottom that shows the example spring:

https://user-images.githubusercontent.com/7217420/106356516-60326f80-6300-11eb-8fc2-411f745e681a.mov

It would make more sense if the bar was vertical and would correspond to the height of the curve. This way it can be easier understood.

Reference: GSAP Ease visualizer

marcofugaro avatar Jan 30 '21 12:01 marcofugaro

True... problem is that it would take a lot of vertical space wouldn't it? Or we should make the controller way taller?

dbismut avatar Jan 30 '21 13:01 dbismut

No, If it follows the curve, it takes the same vertical space as the curve, here I made a design:

marcofugaro avatar Jan 30 '21 13:01 marcofugaro

I got that, I meant to say that the range of animation would be really small so you wouldn't get a clear grasp of how the spring actually feels. When using the width you do get a better sense of how the spring feels. To get the best of both, we would need to increase the height of the canvas. Could be done though, maybe we can have the spring in a less contrived space.

dbismut avatar Jan 30 '21 13:01 dbismut

Hmm, maybe it gets better if we add a visual indicator such as the circle in the GSAP Visualizer?

marcofugaro avatar Jan 30 '21 14:01 marcofugaro

Good idea let's start with this.

dbismut avatar Jan 30 '21 15:01 dbismut