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

【问题标题】：JS/CSS Library to animate background according to pointer positionJS/CSS 库根据指针位置为背景设置动画
【发布时间】：2015-01-20 22:01:09
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

这可以通过画布来实现。背景中的动画可能使用PhysicsJS 之类的东西，但需要一些编码！

鼠标指针后面的掩码相当简单，在这里进行了演示：Animated image mask following mouse in HTML

您需要更改图片，因为 placekitten.com 似乎无法正常工作：

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

【讨论】：

【解决方案3】：

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

来自科隆的问候

【讨论】：