创建视差景观(场景),不同于其他视差

Creating a Parallax Landscape (Scene), Different to other Parallaxes

首先,我知道有很多视差问题,但它们的效果都与我的目标不同。

我想创建视差 场景,就像这里使用的那样: http://www.firewatchgame.com/ 我认为让不同的图像以不同的速率滚动会很容易,显然我错了。 我想用我自己的透明背景图像重新创建类似那个场景的东西。很难解释其中的区别,但我的目标是上面的示例,而不是这样的:http://cdn.tutsplus.com/net/uploads/legacy/2138_SimpleParallax/Demo/index.html(不要误会我的意思,这是一个不错的效果,但不是我想要的)

有什么想法或其他代码的变体可以达到预期的效果吗? 谢谢

PS。如果有页面确实达到了想要的效果,能提供一个link吗?

我猜你正在寻找像这样的 Parallax 库(需要 jQuery) http://mmkjony.github.io/enllax.js/

在那里你可以定义前景或背景图像,如果你想像你的例子一样创建一个场景,你必须添加具有不同值的 "data-enllax-ratio" 参数。请参阅 GitHub https://github.com/mmkjony/enllax.js

上的文档

Dorvalla 找到了我要找的东西:

codepen.io/samdbeckham/pen/OPXPNp There is a codepen about this. It's litterly just layers of pictures. What happens is that there is a tat of transformation going on when scrollling. Also, check this medium.com/@hamstu/… for tutorial – Dorvalla

medium.com 网站创建了我正在寻找的确切效果。甚至也与 Firewatch 示例有关。