我一直想实现类似的效果,例如在这些苹果站点中,计算机动画随着滚动而变化。
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] 删除。
我来说两句