Javascript 使用ease计算数组中每个项目在0-1范围内的浮动
我目前正在从事与动画相关的项目,我正在努力为数字添加轻松效果 假设我们有一个由n个对象组成的数组,其他参数中的每个对象都保持不透明度值。就目前而言,我只是使它的不透明度是线性的方式从1到0第一个元素有不透明度1,而最后一个元素有0 代码如下: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
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;ia = -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’你可以把它标为正确答案。