JS/CSS庫根據指針位置

Question

我見過這樣的事情在這裏動畫背景是什麼？這是某種圖書館嗎？因爲我在網站上找不到任何可以給我提示的東西，所以這是如何實現的。

Answer 1

這有點隱藏，但我能找到他們用於這種效果的腳本。所以，這裏是：http://mdfield.net/assets/js/geo.js

Answer 2

這可以用畫布來實現。背景中的動畫可能使用類似PhysicsJS的東西，但會花一些編碼！

鼠標指針下面的面具是相當簡單的，並在這裏演示了：Animated image mask following mouse in HTML

你需要改變形象，雖然作爲placekitten.com似乎並不奏效：

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

Answer 3

我通過在我的modularfield.net頁面上創建此效果，使用本教程獲取靈感：http://tympanus.net/codrops/2014/09/23/animated-background-headers/

科隆的問候