Use particles on a site

[Divex]

Hey, I need help using this > http://vincentgarreau.com/particles.js/
On banapples portal page. I could get it working on other sites but with this portal I just.. cant.

Thank you so much to anyone who helps, I'll leave you a big vouch

 

[Skylord]

I will be honest. I legit just played around with the background for a couple minutes.

 

[Divex]

I will be honest. I legit just played around with the background for a couple minutes.

it is really fun... and that's why I want it for my portal

 

[Divex]

Well rip

 

[Faxed]

It's rather easy to implement. There's essentially three lines that need to be added to the page you want it on, and an addition to the CSS of the page to change the background of the particle's canvas (if you so wish). Going by the preview that BanApples seems to provide, you'll also want to remove the existing firefly particles.

If you check the demo for the particles you linked, the three lines you need are essentially as follows

<!-- particles.js container -->
<div id="particles-js"></div>

<!-- scripts -->
<script src="../particles.js"></script>
<script src="js/app.js"></script>

As per the demo, you'll want to put these before all of the content in the body.

Obviously, you'll need to change the source of the scripts to point to their actual location. Once you've done this is should work, though it may be a bit fiddly as the div may try jiggling around other elements - If you do run into this issue, a quick Google search for the issue will point you in the right direction of the CSS needed to fix that.

If you wish to change the particles, the easiest way is by editing the editing the demo you've linked and clicking the 'Download Configuration' button on the bottom of the menu it presents. You then need to copy that content into the app.js file, between the comma and ending parentheses; replacing the content that's in the middle.