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

时间:2015-01-15 16:00:10

标签: javascript html5-canvas

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

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

3 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

这可以通过画布来实现。背景中的动画可能正在使用类似PhysicsJS的内容,但会进行一些编码!

鼠标指针后面板非常简单,并在此处演示:Animated image mask following mouse in HTML

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

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

答案 2 :(得分:0)

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

来自古龙水的问候