创建与其他视差不同的视差风景（场景）

问题描述：

首先，我知道存在很多视差问题，但它们都使用了不同的效果来实现我的目标。创建与其他视差不同的视差风景（场景）

我想创建一个视差现场喜欢这里使用： http://www.firewatchgame.com/ 我认为这将是容易使不同的图像以不同的速度滚动，显然我错了。我想用我自己的透明背景图像重新创建类似于这个场景的东西。这很难解释，但我的目标是上面的例子，不是这样的：http://cdn.tutsplus.com/net/uploads/legacy/2138_SimpleParallax/Demo/index.html（不要误解我的意思，这是一个很好的效果，但不是我想要的）

任何想法或变化其他代码给予预期的效果？谢谢

PS。如果有任何页面可以提供所需的相同效果，是否可以提供链接？

http://codepen.io/samdbeckham/pen/OPXPNp这里有一个codepen。它只是层层叠叠的照片。发生什么事情是在滚动时出现转换。另外，请查看https://medium.com/@hamstu/recreating-the-firewatch-parallax-effect-213694d42f4e#.6nlqzd5cl进行教程 – Dorvalla

答

文档Dorvalla找到了我一直在寻找：

codepen.io/samdbeckham/pen/OPXPNp有一个关于这个codepen。它只是层层叠叠的照片。发生什么事情是在滚动时出现转换。此外，请查看此媒体/@hamstu/...教程 - Dorvalla

medium.com网站创建我正在寻找的确切效果。甚至也涉及到Firewatch的例子。

答

我猜你正在寻找一个视差库像这样的（需要的jQuery） http://mmkjony.github.io/enllax.js/

在那里，你可以定义前景或背景图片如果你想创建一个像你的榜样，你有一个场景用不同的值添加“数据 - 参数 - 比率”参数。在Github上查看https://github.com/mmkjony/enllax.js

创建与其他视差不同的视差风景（场景）

相关推荐