javascript - 我怎样才能完成这个类似正弦的函数？

Question

为了实现平滑的交替动画，我想在 JavaScript 中使用类似正弦的函数，它应该看起来像红色图表之一。

蓝色图代表正弦函数:

var blueY = Math.sin(x);

最后，我想将图表修改为类似于下面的蓝色图表:

// scaled and translated sine-graph
var blueY = (1 - Math.sin(x * Math.PI / 2)) / 2;

我怎样才能完成红色图表之一？我只需要一个在给定 x 值时返回 y 值的单行代码。图形不应有 Angular 以实现平滑的动画。

附加信息:在大多数点(极值点附近除外)，绝对值应低于正弦函数的绝对值，以产生更清晰的动画。

fiddle

Answer 1

您可以使用以下函数:y = 0.5*Math.sign(x) * Math.sign( Math.abs(x)%4-2)*(1-Math.pow(Math.abs) (Math.abs(x)%2-1), 1.5) )+0.5(除了 1.5，其他值也是可能的)

与正弦函数比较(蓝色):