大家好，歡迎來到程式視點！我是小二哥！
今天直上主題：particles.js
A lightweight JavaScript library for creating particles. 一個輕量級的建立粒子背景的 JavaScript 庫。
簡介
particles.js用來在 web 中建立炫酷的浮動粒子特效。它呼叫的粒子動畫效果，讓網頁背景更有科技感。顏色還可以任意切換哦。
我們先來看一下效果圖：
標準版：
星空版：
泡泡版：
下雪版：
利用它能做些什麼呢？
做網站一個好的UI介面很重要，如果在背景上加上炫酷的粒子特效會使網頁更加大氣。particles.js外掛實現的這種散射的原子顆粒特效就是不錯的選擇。
尤其在頁面沒有適合的背景時，它能立即提升網站的格調。 比如說：
嗯，效果挺不錯的吧。
使用
particlesJS 在Github上的地址：https://github.com/VincentGarreau/particles.js
直接下載這個專案，開啟demo裡面的index.html檔案，即可看到效果。
那麼，如果我們要構建自己的專案，該如何引入檔案呢？
注意兩個點:
-
particles.js是粒子動畫主要的庫，我們肯定是要引入的
-
粒子配置（json格式）
Demo中的style.css 我們也可以引入，可以在css中設定你喜歡的背景顏色哦~
下面介紹重中之重：引數配置
particles.number.value： 粒子的數量
particles.number.density： 粒子的稀密程度
particles.number.density.enable： 啟用粒子的稀密程度 （true 或 false）
particles.number.density.value_area： 每一個粒子佔據的空間（啟用粒子密度，才可用）
particles.color.value： 粒子的顏色 （支援16進位制”#b61924”，rgb”{r:182, g:25, b:36}”，hsl，以及random）
particles.shape.type： 粒子的形狀 （”circle” “edge” “triangle” “polygon” “star” “image”）
particles.opacity.value： 粒子的透明度
particles.size.anim.enable： 是否啟用粒子速度（true/false）
particles.size.anim.speed： 粒子動畫頻率
particles.size.anim.sync： 粒子執行速度與動畫是否同步
particles.move.speed： 粒子移動速度
記住這些配置項，大家就可以配置出自己喜歡的背景了~趕緊試試吧！（更多配置，請檢視GitHub最新版本）
最後
【程式視點】助力打工人減負，從來不是說說而已！
後續小二哥會繼續詳細分享更多實用的工具和功能。持續關注，這樣就不會錯過之後的精彩內容啦！
如果這篇文章對你有幫助的話，別忘了【點贊】【分享】支援下哦~