因为自己需要做产品，所以一个好的UI界面也是很重要的，发现这种散射的原子颗粒特效还不错，就弄了一个

网站建设哪家好，找创新互联建站！专注于网页设计、网站建设、微信开发、小程序定制开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了富源免费建站欢迎大家使用！

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

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

https://codepen.io/VincentGarreau/pen/pnlso 这个可以把你制作的demo导出

http://vincentgarreau.com/particles.js/这个可以用来尝试配置不同效果

使用方法

加载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就是主要的配置文件

注意一下文件顺序，不然会出现问题

实际demo

 
 
  




  这个玩意需要放在下面
 

如有需要下载demo请到QQ群，黑色原子效果很科幻，还不错

根据css颜色和json配置文件，就打造属于自己的科幻效果

参数

总结

以上所述是小编给大家介绍的JS库之Particles.js中文开发手册及参数详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对创新互联网站的支持！