particles.js icon indicating copy to clipboard operation
particles.js copied to clipboard

Is it possible to configure particles.js to work somewhat like this example?

Open buildjosh opened this issue 9 years ago • 8 comments

So I came across this site earlier today and I could have sworn they were using particles.js, but it seems to be custom code.

I kind of like the way the particles interact, is there any way to configure particles.js to act like this?

http://xaddress.org/

buildjosh avatar Aug 10 '16 15:08 buildjosh

http://tympanus.net/Development/AnimatedHeaderBackgrounds/

I'd also like to config particles to act like that, or, even better, like a decentralized network model!

jackson-jackson avatar Aug 19 '16 22:08 jackson-jackson

By any chance do you guys know which Plugin or particle system those sites are using? @buildjosh @jackson-jackson

I am trying to manipulate the dots and lines in particles.js to move in certain directions but it's not going so well at the moment.

Cheers!

mkdub avatar Jan 03 '17 07:01 mkdub

Would like to know too :D

hackazer avatar Jan 10 '17 04:01 hackazer

Ah i found it already :v It is using Tympanus Particles, here's the codepen http://codepen.io/filipemcribeiro/pen/Wwvrbj

@mkdub @jackson-jackson @buildjosh

hackazer avatar Jan 10 '17 04:01 hackazer

Is it possible to add custom functions on particles-js events?

sojoonsup avatar Jan 25 '18 00:01 sojoonsup

@sojoonsup, What functions did you mean ? Actually, by using the @VincentGarreau particles, you can create something amazing with that. For the example, he can make a snow, so of course can make a rain as well. With your creativity, you can make something beautiful as well, like by combining the dots (so it would combined and created an object instead giving a distance space just like the default demo)) when you hover the mouse

hackazer avatar Feb 12 '18 16:02 hackazer

Hi, can I know how do I set this as a full screen background on my html site?

https://codepen.io/nikspatel/pen/aJGqpv

I tried to set its css as: position :fixed; z-index:-10;

It work fine once I enter the site but when I scroll down, its not working as it should be. The particle is not following the cursor anymore, once I scroll down more, the particle just go missing. I also tried to set it as an iframe background but its not working once I move my cursor thought a div.

This is something I am trying to do : https://mahno.com.ua/en.

Can anyone help?

Appreciate it. Thanks

khai-lab avatar Dec 05 '19 07:12 khai-lab

Hello,

i added this one to my website, really nice effect https://codepen.io/nikspatel/pen/aJGqpv but after i add it it consumes too much cpu and memory, on desktop i dont see any lag (but the cpu and memory usage of chrome goes up) but on mobile devices i see serius lag, when i scroll the page is not going smooth the scrolling as it did before i add this javscript. (im running total cache addon on the wordpress site)

Any help?

apatsidis123 avatar Nov 08 '20 10:11 apatsidis123