鍍金池/ 問答/HTML/ 求問以下這個效果是如何實現(xiàn)的？

求問以下這個效果是如何實現(xiàn)的？

http://www.17sucai.com/pins/d...
求問這個網(wǎng)站點進去，頁面上隨機畫點移動，然后隨著鼠標(biāo)放置周圍出現(xiàn)線將點連接這個效果怎么做的？或者給個能看到源碼的demo網(wǎng)站讓我研究下也行，拜托大佬了！！

回答
編輯回答
舊顏

canvas畫的。猜下結(jié)構(gòu)
點（方向，坐標(biāo)，碰撞）
邊界（點碰到邊界反彈，超出邊界連接范圍居中）
連線范圍（范圍內(nèi)距離近的點連線）

構(gòu)造基本結(jié)構(gòu)
定時器刷新動作（反向運動（包括邊界判斷），連接范圍判斷）

好像就這些吧。比較簡陋的猜想

2018年3月3日 22:04
編輯回答
獨特范

gitHub上有但是忘了叫啥了

2017年7月27日 12:14
編輯回答
糖果果

有個類似的 canvas-nest.js

2018年5月26日 12:02