mirror of
https://github.com/VincentGarreau/particles.js.git
synced 2025-08-14 00:03:30 -04:00
Compare commits
24 Commits
Author | SHA1 | Date | |
---|---|---|---|
|
d01286d6dc | ||
|
e73faacfa4 | ||
|
01ff4a6ef0 | ||
|
22b4986065 | ||
|
90b36f4b55 | ||
|
20d58078ea | ||
|
7ed36a461d | ||
|
cee3b0a3da | ||
|
2b16d668ae | ||
|
c46ff7a398 | ||
|
b56f5c1832 | ||
|
209117b34b | ||
|
8833f08c48 | ||
|
d6089aff46 | ||
|
858d554b2a | ||
|
172f5c0890 | ||
|
acb4f2630d | ||
|
5a03dcceb4 | ||
|
11b1cb05da | ||
|
229567ab53 | ||
|
5e869d0e59 | ||
|
14bf5ad13f | ||
|
c8f5d04cca | ||
|
1d6d392218 |
24
README.md
24
README.md
@ -5,10 +5,10 @@
|
|||||||
------------------------------
|
------------------------------
|
||||||
### `Demo / Generator`
|
### `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 />
|
Configure, export, and share your particles.js configuration on CodePen: <br />
|
||||||
http://vincentgarreau.com/particles.js
|
http://vincentgarreau.com/particles.js/
|
||||||
|
|
||||||
CodePen demo: <br />
|
CodePen demo: <br />
|
||||||
http://codepen.io/VincentGarreau/pen/pnlso
|
http://codepen.io/VincentGarreau/pen/pnlso
|
||||||
@ -128,7 +128,7 @@ particlesJS.load('particles-js', 'assets/particles.json', function() {
|
|||||||
"distance": 800,
|
"distance": 800,
|
||||||
"size": 80,
|
"size": 80,
|
||||||
"duration": 2,
|
"duration": 2,
|
||||||
"opacity": 8,
|
"opacity": 0.8,
|
||||||
"speed": 3
|
"speed": 3
|
||||||
},
|
},
|
||||||
"repulse": {
|
"repulse": {
|
||||||
@ -152,12 +152,11 @@ particlesJS.load('particles-js', 'assets/particles.json', function() {
|
|||||||
### `Options`
|
### `Options`
|
||||||
|
|
||||||
key | option type / notes | example
|
key | option type / notes | example
|
||||||
----|---------|------|------
|
----|---------|------
|
||||||
`particles.number.value` | number | `40`
|
`particles.number.value` | number | `40`
|
||||||
`particles.number.density.enable` | boolean | `true` / `false`
|
`particles.number.density.enable` | boolean | `true` / `false`
|
||||||
`particles.number.density.value_area` | number | `800`
|
`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.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.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.width` | number | `2`
|
||||||
`particles.shape.stroke.color` | HEX (string) | `"#222222"`
|
`particles.shape.stroke.color` | HEX (string) | `"#222222"`
|
||||||
@ -214,6 +213,7 @@ key | option type / notes | example
|
|||||||
### `Packages install`
|
### `Packages install`
|
||||||
|
|
||||||
##### ***npm***
|
##### ***npm***
|
||||||
|
https://www.npmjs.com/package/particles.js
|
||||||
```
|
```
|
||||||
npm install particles.js
|
npm install particles.js
|
||||||
```
|
```
|
||||||
@ -227,3 +227,17 @@ bower install particles.js --save
|
|||||||
```
|
```
|
||||||
gem 'rails-assets-particles.js'
|
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",
|
"name": "particles.js",
|
||||||
"main": "particles.js",
|
"main": "particles.js",
|
||||||
"version": "2.0.0",
|
|
||||||
"homepage": "https://github.com/VincentGarreau/particles.js",
|
"homepage": "https://github.com/VincentGarreau/particles.js",
|
||||||
"authors": [
|
"authors": [
|
||||||
"Vincent Garreau <vin.garreau@gmail.com>"
|
"Vincent Garreau <vin.garreau@gmail.com>"
|
||||||
|
@ -25,4 +25,4 @@
|
|||||||
"url": "https://github.com/VincentGarreau/particles.js/issues"
|
"url": "https://github.com/VincentGarreau/particles.js/issues"
|
||||||
},
|
},
|
||||||
"homepage": "https://github.com/VincentGarreau/particles.js"
|
"homepage": "https://github.com/VincentGarreau/particles.js"
|
||||||
}
|
}
|
Loading…
x
Reference in New Issue
Block a user