Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 这种影响是什么?如何实施?_Javascript_Frontend_Effects - Fatal编程技术网

Javascript 这种影响是什么?如何实施?

Javascript 这种影响是什么?如何实施?,javascript,frontend,effects,Javascript,Frontend,Effects,今天我偶然发现了有趣的视觉效果(我想,我会称之为改变虚拟视角或类似)。我很好奇这个术语是否恰当地提到了这种效果,以及可以使用哪些前端(我假设是JavaScript)框架、库、工具和/或语言来实现这种效果和类似效果。这是一种称为视差的效果。它经常在滚动网站上使用,给人以深度的错觉 这个想法最早出现在早期的电脑游戏中,让2D图形具有运动感、速度感和距离感 如果您关注JavaScript库,有很多,但有一个流行的是: 虽然许多使用视差的网站会将效果附加到滚动事件,但您提供的示例网站会将事件附加到用户鼠

今天我偶然发现了有趣的视觉效果(我想,我会称之为改变虚拟视角或类似)。我很好奇这个术语是否恰当地提到了这种效果,以及可以使用哪些前端(我假设是JavaScript)框架、库、工具和/或语言来实现这种效果和类似效果。

这是一种称为视差的效果。它经常在滚动网站上使用,给人以深度的错觉

这个想法最早出现在早期的电脑游戏中,让2D图形具有运动感、速度感和距离感

如果您关注JavaScript库,有很多,但有一个流行的是:

虽然许多使用视差的网站会将效果附加到滚动事件,但您提供的示例网站会将事件附加到用户鼠标的X和Y坐标。

看起来可能是一个很好的开始。如果您想自己编写代码,您可以做一些事情,比如使用两个SVG层,然后根据捕捉鼠标移动事件的X和Y坐标来移动一些层,以计算鼠标移动


对于稍微简单一点的内容(即,您不想学习SVG来获得简单的运动图像),我想您可以使用一些图像,并根据鼠标位置更新其左上角属性。

是的,这将是一个很好的选择parallax@axelduch:也许吧。请查看我最初忘记包含的链接。@axelduch:我明白了-谢谢。我听过这个词,但不确定它是否适用于本案。那么,可以使用什么工具来实现这种效果呢?还有,哇-1.否决者:你愿意解释你的理由吗?对主持人:我的问题并不意味着要求一个全面的答案,所以我认为没有必要把它贴上太宽泛的标签并搁置。但是,如果您坚持这一点,我不介意…谢谢您的回答(+1)。编辑为指定SVG作为一个选项并包含另一个选项。谢谢。感谢您详细的回答(+1)。