Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/algorithm/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用ease计算数组中每个项目在0-1范围内的浮动_Javascript_Algorithm_Animation_Math - Fatal编程技术网

Javascript 使用ease计算数组中每个项目在0-1范围内的浮动

Javascript 使用ease计算数组中每个项目在0-1范围内的浮动,javascript,algorithm,animation,math,Javascript,Algorithm,Animation,Math,我目前正在从事与动画相关的项目,我正在努力为数字添加轻松效果 假设我们有一个由n个对象组成的数组,其他参数中的每个对象都保持不透明度值。就目前而言,我只是使它的不透明度是线性的方式从1到0第一个元素有不透明度1,而最后一个元素有0 代码如下: for t in range(10, -1, -1): t = t / 10 a = -1.2 * t / (-t - 0.2) print(t, '----> \t\t', a) document.body.innerH

我目前正在从事与动画相关的项目,我正在努力为数字添加轻松效果

假设我们有一个由n个对象组成的数组,其他参数中的每个对象都保持不透明度值。就目前而言,我只是使它的不透明度是线性的方式从1到0第一个元素有不透明度1,而最后一个元素有0

代码如下:

for t in range(10, -1, -1):
    t = t / 10
    a = -1.2 * t / (-t - 0.2)
    print(t, '----> \t\t', a)
document.body.innerHTML+='.item,body{margin:5px}body{background:000}.item{width:75px;height:75px;float:left;position:relative;box size:border-box;border:1px纯红}.bg,.text{position绝对;top:0;left:0}.text{width:100%;height:100%;font-size:30px;text-align:center;lineh:center;lineh:75px;color:fff}.bg{背景:红色;宽度:calc100%-2px;高度:calc100%-2px;边距:1px}'; 让数组=[]; forlet i=0;i<27;i++{ 数组。pushi; } forlet i=0;i} 使用此函数代替从1到0的x:

a = -1.2 * t / (-t - 0.2)
式中,t从1逐渐变为0,然后迅速变化

要查看影响,可以运行以下代码:

for t in range(10, -1, -1):
    t = t / 10
    a = -1.2 * t / (-t - 0.2)
    print(t, '----> \t\t', a)
这将提供以下输出:

1.0 ---->        1.0
0.9 ---->        0.9818181818181818
0.8 ---->        0.96
0.7 ---->        0.9333333333333333
0.6 ---->        0.8999999999999999
0.5 ---->        0.8571428571428572
0.4 ---->        0.7999999999999998
0.3 ---->        0.72
0.2 ---->        0.6
0.1 ---->        0.3999999999999999
0.0 ---->        0.0

这正是我想要的,它做得很好,谢谢你,先生,只是出于好奇,如果我以后想得到相反的效果-它在开始时迅速下降,然后慢慢接近结束,a应该是什么样子?很简单,它将是y=x线的一个反射函数,即a=-0.2*t/t-1.2如果是的话it’你可以把它标为正确答案。