视差动画滚动效果

无限极

我一直想实现类似的效果,例如在这些苹果站点中,计算机动画随着滚动而变化。

https://www.apple.com/macbook-pro-16/ https://www.apple.com/imac-pro/

在这些网站上搜索苹果如何实现视差效果时,我还没有明确找到完全相同的东西,这是如何实现的?

克尔兹斯托夫·卡钦斯基

他们可能使用three.js脚本来实现这一目标。但是您可以用更简单的方法来做到这一点,但可以肯定的是它的性能较差。您需要制作很多照片(就像在电影中那样一帧一帧地知道),然后在滚动事件中,必须用prevoius一张(如果您检测到滚动顶部)或下一张(如果您检测到向下滚动)替换照片)。如果检测到最后一项或第一项,则停止劫持滚动事件,然后让浏览器执行该工作。

如果您想了解更多关于abot three.js的信息,可以在这里阅读更多信息:three.js-学习

在年底<body></body>的元素这个网站,你可以看到,他们增加了three.js所在此处输入图片说明

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章