mirror of
https://github.com/VincentGarreau/particles.js.git
synced 2025-08-15 00:05:11 -04:00
Compare commits
No commits in common. "master" and "2.0.0" have entirely different histories.
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="http://vincentgarreau.com/particles.js/assets/img/github-screen.jpg" alt="particles.js generator" /></a>
|
<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>
|
||||||
|
|
||||||
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": 0.8,
|
"opacity": 8,
|
||||||
"speed": 3
|
"speed": 3
|
||||||
},
|
},
|
||||||
"repulse": {
|
"repulse": {
|
||||||
@ -152,11 +152,12 @@ 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"`
|
||||||
@ -213,7 +214,6 @@ 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,17 +227,3 @@ 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,6 +1,7 @@
|
|||||||
{
|
{
|
||||||
"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>"
|
||||||
|
Loading…
x
Reference in New Issue
Block a user