創建與其他視差不同的視差風景（場景）

首先，我知道存在很多視差問題，但它們都使用了不同的效果來實現我的目標。創建與其他視差不同的視差風景（場景）

我想創建一個視差現場喜歡這裏使用： http://www.firewatchgame.com/ 我認爲這將是容易使不同的圖像以不同的速度滾動，顯然我錯了。我想用我自己的透明背景圖像重新創建類似於這個場景的東西。這很難解釋，但我的目標是上面的例子，不是這樣的：http://cdn.tutsplus.com/net/uploads/legacy/2138_SimpleParallax/Demo/index.html（不要誤解我的意思，這是一個很好的效果，但不是我想要的）

任何想法或變化其他代碼給予預期的效果？謝謝

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

來源

2016-02-26 PlanetAlexander

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的例子。

來源

2016-02-26 21:28:04 PlanetAlexander

我猜你正在尋找一個視差庫像這樣的（需要的jQuery） http://mmkjony.github.io/enllax.js/

在那裏，你可以定義前景或背景圖片如果你想創建一個像你的榜樣，你有一個場景用不同的值添加「數據 - 參數 - 比率」參數。在Github上查看https://github.com/mmkjony/enllax.js

來源

2016-02-26 12:54:47

創建與其他視差不同的視差風景（場景）

回答

相關問題