创建平滑的视差动画javascript

时间:2015-10-14 13:30:29

标签: javascript animation

在访问Apple new macbook wireless page时,我看到了一个视差区域(如果您在网站上搜索'AirDrop',您会发现它)。没什么特别的,我想是的,除非我看到它被平滑了。让我解释一下: 如果您有Apple触控板或Apple魔术鼠标并滚动并突然停止滚动。你越停止它,图像动画就越远。 我还发现有一个未压缩版本的负责任的javascript,here

我一直在寻找并试图理解它如何平滑它。但我真的无法弄明白。它有很多重定向到脚本中的其他模块,我丢失了它。

我对这部动画非常着迷,因为它非常复杂。但是javascript可能很轻,执行起来也不重,因为它可以在60fps下轻松运行。 所以我的问题是:Apple如何使动画流畅,特别是它如何依赖于滚动的速度?

我不是在每个卷轴上都寻找一个简单的jQuery动画,因为它不依赖于滚动的速度。

如果您在“265:”上搜索代码,您将知道从哪里开始。

在proto._draw = function(evt)中的“264:”处,有一个属性evt.progress,这是用它来计算translateY的地方。

奇怪的是:我只能找到一些参考,但我找不到它们之间的任何联系。

0 个答案:

没有答案