gpt4 book ai didi

javascript - 使用单个平面图像的假视差效果

转载 作者:行者123 更新时间:2023-12-03 08:28:27 27 4
gpt4 key购买 nike

我试图在 JavaScript 中使用 .很难描述我的意思,但我会尝试:

当我将鼠标悬停在页面上时,我希望页面上的内容可以移动。后面的东西应该比前面的东西移动得少——通常的Parallax effect - 除了我想使用 平面图像 这样做。现在,通常您必须在图像编辑器中剪掉一些东西并替换现在缺少的部分背景等等。但我想我曾经以某种“假”的方式看到过这个:通过稍微拉伸(stretch)和压缩背景。

不幸的是,我再也找不到这种效果的例子了,但我很确定它与 有关。置换贴图 .

有这种东西的图书馆吗?或者至少有人知道我可以翻译成 JavaScript 的另一种语言的例子吗?

最佳答案

不太确定你在问什么。但我已经使用 Sprite 来快速制作视差场景。它确实涉及多个图像层,但它们很容易制作。
http://www.spritely.net/

还有一些其他的视差解决方案,比如这个。这种方法涉及重复相同的图像以创建深度。
http://www.stevefenton.co.uk/cmsfiles/assets/File/imageparallax.html

关于javascript - 使用单个平面图像的假视差效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14342413/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com