search

VincentGarreau / particles.js

A lightweight JavaScript library for creating particles
https://vincentgarreau.com/particles.js/
MIT License
29.05k stars 4.83k forks source link

Display Particle Controls -- Feature/Idea #68

Open rockmandew opened 9 years ago

rockmandew commented 9 years ago

Could you please include the required files to display the control panel to change the particle settings "on-the-fly"?

VincentGarreau commented 9 years ago

Hey @rockmandew, Yep I could include the GUI displayed on http://vincentgarreau.com/particles.js/ into the demo folder of the repository. I'll try to include it soon ;)

rockmandew commented 9 years ago

@VincentGarreau - Thanks for the quick reply, appreciate all your efforts here. Do you have any formal documentation that I am missing? I can open this question on another thread but I'll ask and move it if you please.

I have set the background color of #particles-js to animate it's hue, using CSS:

-webkit-animation: hue 60s infinite linear;

@-webkit-keyframes hue { from { -webkit-filter: hue-rotate(0deg); }

to { -webkit-filter: hue-rotate(-360deg); } }

Using this, I will keep the red background you use on your site (background-color: #b61924;) - then, I would use Split Complementary Colors for the "bars" which connect the "dots". So ultimately, I would have 3 different complementary colors on the canvas - finally to my question, is it possible with the current library, to set up a function which rotates the hue of the "bars" and "dots" of the particles at the same rate as the above 60s infinite linear animation?

Hopefully, this all makes sense, I know it was a lot and I can be terrible with words.... It always makes sense in my head :p

VincentGarreau commented 9 years ago

Hey :) Actually there is no "animation" property for the colors of the dots or the lines, so it's not possible to rotate the "hue". It makes sense, i'll add a "feature" issue (edit: https://github.com/VincentGarreau/particles.js/issues/69) ;)