JS库之Particles.js中文开发手册及参数详解(2)

悬停模式 

  "grab"     抓取临近的
"bubble"  泡沫球效果
"repulse"  击退效果
["grab", "bubble"]
 
interactivity.events.onclick.enable   boolean  点击效果   true / false  
interactivity.events.onclick.mode  

string 
array selection

点击效果模式

  "push" 
"remove" 
"bubble" 
"repulse" 
["push", "repulse"]
 
interactivity.events.resize   boolean         互动事件调整   true / false  
interactivity.events.modes.grab.distance   number        原子互动抓取距离   100  
interactivity.events.modes.grab.line_linked.opacity   number (0 to 1)        原子互动抓取距离连线不透明度   0.75  
interactivity.events.modes.bubble.distance   number       原子抓取泡沫效果之间的距离   100  
interactivity.events.modes.bubble.size   number       原子抓取泡沫效果之间的大小   40  
interactivity.events.modes.bubble.duration   number    原子抓取泡沫效果之间的持续事件
(second)
  0.4  
interactivity.events.modes.repulse.distance   number       击退效果距离   200  
interactivity.events.modes.repulse.duration   number      击退效果持续事件
(second)
  1.2  
interactivity.events.modes.push.particles_nb   number         粒子推出的数量   4  
interactivity.events.modes.push.particles_nb   number   4  
retina_detect   boolean   true / false  

总结

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wygypd.html