cables-gl / cables_docs

cables documentation docs.cables.gl
https://cables.gl/docs/docs
45 stars 16 forks source link

Add the ability to do custom range mapping via Bezier spline #118

Closed franckaubry closed 2 years ago

franckaubry commented 2 years ago

Add the ability to do custom range mapping via Bezier spline, resulting in a very visual way to manage data. This is a small and normal UI feature in other software, but it gives incredible control to the range mapping of data. (both single and for arrays) Sometimes (or very often, in my case) you don't want the range to go from min to max only, but via a completely custom range.

Here are some UI examples from Cinema 4D and Houdini. The two last examples gives a good idea of why this can be useful: image image image

If one wants to make it easy for the user, a number of default spline shapes can be selected via a dropdown menu (linear, smooth, sine, ...) resulting in generating the correct curve in the spline UI.

franckaubry commented 2 years ago

The idea would be to change the current “Easing” drop down, into a more flexible Bézier curve. From this: image To something like this: image

franckaubry commented 2 years ago

In the Discord, this was one of the possible adaptation models: https://jordi.platinum.edu.pl/xsplines/

image