因?yàn)樽约盒枰霎a(chǎn)品，所以一個(gè)好的UI界面也是很重要的，發(fā)現(xiàn)這種散射的原子顆粒特效還不錯(cuò)，就弄了一個(gè)

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)建站！專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、小程序定制開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了富源免費(fèi)建站歡迎大家使用！

官方github：https://github.com/VincentGarreau/particles.js/

demo制作器，注意可能需要FQ

https://codepen.io/VincentGarreau/pen/pnlso 這個(gè)可以把你制作的demo導(dǎo)出

http://vincentgarreau.com/particles.js/這個(gè)可以用來(lái)嘗試配置不同效果

使用方法

加載particle.js并配置粒子：

index.html

app.js

/* particlesJS.load(@dom-id, @path-json, @callback (optional)); */
particlesJS.load('particles-js', 'assets/particles.json', function() {
 console.log('callback - particles.js config loaded');
});

particles.json就是主要的配置文件

注意一下文件順序，不然會(huì)出現(xiàn)問(wèn)題

實(shí)際demo

 
 
  




  這個(gè)玩意需要放在下面
 

如有需要下載demo請(qǐng)到QQ群，黑色原子效果很科幻，還不錯(cuò)

根據(jù)css顏色和json配置文件，就打造屬于自己的科幻效果

參數(shù)

總結(jié)

以上所述是小編給大家介紹的JS庫(kù)之Particles.js中文開發(fā)手冊(cè)及參數(shù)詳解，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)創(chuàng)新互聯(lián)網(wǎng)站的支持！