mirror of
https://github.com/VincentGarreau/particles.js.git
synced 2025-08-12 00:03:47 -04:00
Compare commits
23 Commits
Author | SHA1 | Date | |
---|---|---|---|
|
d01286d6dc | ||
|
e73faacfa4 | ||
|
01ff4a6ef0 | ||
|
22b4986065 | ||
|
90b36f4b55 | ||
|
20d58078ea | ||
|
7ed36a461d | ||
|
cee3b0a3da | ||
|
2b16d668ae | ||
|
c46ff7a398 | ||
|
b56f5c1832 | ||
|
209117b34b | ||
|
8833f08c48 | ||
|
d6089aff46 | ||
|
858d554b2a | ||
|
acb4f2630d | ||
|
5a03dcceb4 | ||
|
11b1cb05da | ||
|
229567ab53 | ||
|
5e869d0e59 | ||
|
14bf5ad13f | ||
|
c8f5d04cca | ||
|
1d6d392218 |
24
README.md
24
README.md
@ -5,10 +5,10 @@
|
||||
------------------------------
|
||||
### `Demo / Generator`
|
||||
|
||||
<a href="http://vincentgarreau.com/particles.js" target="_blank"><img src="https://dl.dropboxusercontent.com/u/19580440/particlesjs-assets/github-screen.jpg" alt="particles.js generator" /></a>
|
||||
<a href="http://vincentgarreau.com/particles.js/" target="_blank"><img src="http://vincentgarreau.com/particles.js/assets/img/github-screen.jpg" alt="particles.js generator" /></a>
|
||||
|
||||
Configure, export, and share your particles.js configuration on CodePen: <br />
|
||||
http://vincentgarreau.com/particles.js
|
||||
http://vincentgarreau.com/particles.js/
|
||||
|
||||
CodePen demo: <br />
|
||||
http://codepen.io/VincentGarreau/pen/pnlso
|
||||
@ -128,7 +128,7 @@ particlesJS.load('particles-js', 'assets/particles.json', function() {
|
||||
"distance": 800,
|
||||
"size": 80,
|
||||
"duration": 2,
|
||||
"opacity": 8,
|
||||
"opacity": 0.8,
|
||||
"speed": 3
|
||||
},
|
||||
"repulse": {
|
||||
@ -152,12 +152,11 @@ particlesJS.load('particles-js', 'assets/particles.json', function() {
|
||||
### `Options`
|
||||
|
||||
key | option type / notes | example
|
||||
----|---------|------|------
|
||||
----|---------|------
|
||||
`particles.number.value` | number | `40`
|
||||
`particles.number.density.enable` | boolean | `true` / `false`
|
||||
`particles.number.density.value_area` | number | `800`
|
||||
`particles.color.value` | HEX (string) <br /> RGB (object) <br /> HSL (object) <br /> array selection (HEX) <br /> random (string) | `"#b61924"` <br /> `{r:182, g:25, b:36}` <br /> `{h:356, s:76, l:41}` <br /> `["#b61924", "#333333", "999999"]` <br /> `"random"`
|
||||
`particles.number.density.value_area` | number | `800`
|
||||
`particles.shape.type` | string <br /> array selection | `"circle"` <br /> `"edge"` <br /> `"triangle"` <br /> `"polygon"` <br /> `"star"` <br /> `"image"` <br /> `["circle", "triangle", "image"]`
|
||||
`particles.shape.stroke.width` | number | `2`
|
||||
`particles.shape.stroke.color` | HEX (string) | `"#222222"`
|
||||
@ -214,6 +213,7 @@ key | option type / notes | example
|
||||
### `Packages install`
|
||||
|
||||
##### ***npm***
|
||||
https://www.npmjs.com/package/particles.js
|
||||
```
|
||||
npm install particles.js
|
||||
```
|
||||
@ -227,3 +227,17 @@ bower install particles.js --save
|
||||
```
|
||||
gem 'rails-assets-particles.js'
|
||||
```
|
||||
|
||||
##### ***Meteor***
|
||||
https://atmospherejs.com/newswim/particles
|
||||
```
|
||||
meteor add newswim:particles
|
||||
```
|
||||
|
||||
-------------------------------
|
||||
|
||||
### `Hosting / CDN`
|
||||
|
||||
***Please use this host or your own to load particles.js on your projects***
|
||||
|
||||
http://www.jsdelivr.com/#!particles.js
|
||||
|
@ -1,7 +1,6 @@
|
||||
{
|
||||
"name": "particles.js",
|
||||
"main": "particles.js",
|
||||
"version": "2.0.0",
|
||||
"homepage": "https://github.com/VincentGarreau/particles.js",
|
||||
"authors": [
|
||||
"Vincent Garreau <vin.garreau@gmail.com>"
|
||||
|
Loading…
x
Reference in New Issue
Block a user