JS/CSS 根据指针位置设置动画背景的库

JS/CSS Library to animate background according to pointer position

我在这里看到过类似的东西:http://modularfield.net/tapes

这是怎么做到的?这是某种图书馆吗?因为我在网站上找不到任何可以给我提示的东西,所以这是如何实现的。

它有点隐蔽,但我能够找到他们用于实现该效果的脚本。所以,这里是:http://mdfield.net/assets/js/geo.js

这可以通过 canvas 实现。背景动画可能使用了 PhysicsJS 之类的东西,但需要一些编码!

鼠标指针后面的蒙版非常简单,已在此处进行演示:Animated image mask following mouse in HTML

您需要更改图像,因为 placekitten.com 似乎不起作用:

img.src = 'http://placehold.it/500/500';

我通过在我的 modularfield.net 页面上创建此效果来使用本教程作为灵感:http://tympanus.net/codrops/2014/09/23/animated-background-headers/

来自科隆的问候