{"_id":"@edouard.lauret/mmacheerpuppy.particles.js","_rev":"1-6b78d16d3f77e6a714d4b526b22a3add","name":"@edouard.lauret/mmacheerpuppy.particles.js","dist-tags":{"latest":"2.0.0"},"versions":{"2.0.0":{"name":"@edouard.lauret/mmacheerpuppy.particles.js","version":"2.0.0","description":"A lightweight JavaScript library for creating particles - high cpu usage fixed by mmacheerpuppy","homepage":"http://vincentgarreau.com/particles.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/mmacheerpuppy/particles.js.git"},"keywords":["particles","particle","canvas"],"author":{"name":"Vincent Garreau"},"license":"MIT","bugs":{"url":"https://github.com/VincentGarreau/particles.js/issues"},"gitHead":"2fde6878bed8684fb0473c5cfd83d66d32e777a9","_id":"@edouard.lauret/mmacheerpuppy.particles.js@2.0.0","_npmVersion":"6.4.1","_nodeVersion":"10.10.0","_npmUser":{"name":"edouard.lauret","email":"edouard.lauret@protonmail.com"},"dist":{"integrity":"sha512-rRTogUQlPUofbKBUtqIPFmMHVu28hv3/21NONVZjBQcWpj6/fkjLArRY4x2jd+MfjW4dVhGfkDbXBeLhNKoUnw==","shasum":"efd33bfd681da047ae72df8226619310f07415ce","tarball":"https://registry.npmjs.org/@edouard.lauret/mmacheerpuppy.particles.js/-/mmacheerpuppy.particles.js-2.0.0.tgz","fileCount":5,"unpackedSize":76782,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbmYg0CRA9TVsSAnZWagAABrcP/0FL1P7bXdkDfyd2icYV\nnEc0jh3znVWmvCVCb2aVrjrXOjsoaAVJETX7JHuCJAzkQSKfr3LB9dIawsir\nEw0RFmzhOX/HBBiw3BoTQISAt6Ue/W1j/tOuc8bxlHCmRVcPmMG6/pMaMBdO\nyx1Kpy5My46nfr+wubWn5w2Xy4JezJdEElL5/wEZ6rN+OOtZaPmnaETAQ5k4\nPuuQeXl2N/JVdBcrVZJQo89vbBqNt7cHECnvVQ3bnuAa4LzzkMzoIyE6D41E\nhxvxpVCyuy6pzfLmq3rDdTpRMbVnwFg60Jd+54ofkuQgj2p0stMgg1ZUSTuf\nifI21OD7zrA9xGmd1USgBiUbSuVXCQfvwSHtL1UF/iX0W/7ZznKOVElsw0f9\nzzljylQd39FMxFjfQazqPpeSdg2Mr2MDL105tyF9XW5+uMYhq6Tc55izg/jK\n1BwP5TNTxep+bEoVSpxBUjk7GutecdREMs5qTPJvLC5MaRrAff9NSHlKKfND\n3Z3eIjJQzDKxJHJdCzm64F9yFHNGcuhripJMWGvXWqGnTZoD1kwut+EH2XaS\n3JjUBatz9OhsXlJ6hHuqwkHY7WVac5mJ5/a3Si/oxrHiA7nVVJXG4UFBQ/Va\nTRKlUSCr+pKAFHpoN1xcuQnNpXfvOjyybVUuXalSTtyyJA6MuSluMj9XRQI7\ninM5\r\n=19xL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC1N+YT8eGiIOGHtHBu4jA9KnJWbH0oewy0ie1mcvZzSgIgThyy8gNWBCJxAyrFAp6eZ1J4eGYKu9nQRkdEAN7MT2c="}]},"maintainers":[{"name":"edouard.lauret","email":"edouard.lauret@protonmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mmacheerpuppy.particles.js_2.0.0_1536788531528_0.9744756450230057"},"_hasShrinkwrap":false}},"time":{"created":"2018-09-12T21:42:11.366Z","2.0.0":"2018-09-12T21:42:11.670Z","modified":"2022-04-05T06:42:54.099Z"},"maintainers":[{"name":"edouard.lauret","email":"edouard.lauret@protonmail.com"}],"description":"A lightweight JavaScript library for creating particles - high cpu usage fixed by mmacheerpuppy","homepage":"http://vincentgarreau.com/particles.js","keywords":["particles","particle","canvas"],"repository":{"type":"git","url":"git+https://github.com/mmacheerpuppy/particles.js.git"},"author":{"name":"Vincent Garreau"},"bugs":{"url":"https://github.com/VincentGarreau/particles.js/issues"},"license":"MIT","readme":"### Bugfix \n\n***An FPS limiter has been included in the code to help resolve CPU utilization issues***\n\nThis functions by using a setTimeout() method to limit the number of calls to requestAnimationFrame.\nAs specified in the documentation this can be set in the JSON.\n\nHappy Coding!\n\n\n\n\n------------------------------\n\n## particles.js\n\n### A lightweight JavaScript library for creating particles.\n\n------------------------------\n### `Demo / Generator`\n\n<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>\n\nConfigure, export, and share your particles.js configuration on CodePen: <br />\nhttp://vincentgarreau.com/particles.js/\n\nCodePen demo: <br />\nhttp://codepen.io/VincentGarreau/pen/pnlso\n\n-------------------------------\n### `Usage`\n\nLoad particles.js and configure the particles:\n\n**index.html**\n```html\n<div id=\"particles-js\"></div>\n\n<script src=\"particles.js\"></script>\n```\n\n**app.js**\n```javascript\n/* particlesJS.load(@dom-id, @path-json, @callback (optional)); */\nparticlesJS.load('particles-js', 'assets/particles.json', function() {\n  console.log('callback - particles.js config loaded');\n});\n```\n\n**particles.json**\n```javascript\n{\n  \"fps_limit\": 30,\n  \"particles\": {\n    \"number\": {\n      \"value\": 80,\n      \"density\": {\n        \"enable\": true,\n        \"value_area\": 800\n      }\n    },\n    \"color\": {\n      \"value\": \"#ffffff\"\n    },\n    \"shape\": {\n      \"type\": \"circle\",\n      \"stroke\": {\n        \"width\": 0,\n        \"color\": \"#000000\"\n      },\n      \"polygon\": {\n        \"nb_sides\": 5\n      },\n      \"image\": {\n        \"src\": \"img/github.svg\",\n        \"width\": 100,\n        \"height\": 100\n      }\n    },\n    \"opacity\": {\n      \"value\": 0.5,\n      \"random\": false,\n      \"anim\": {\n        \"enable\": false,\n        \"speed\": 1,\n        \"opacity_min\": 0.1,\n        \"sync\": false\n      }\n    },\n    \"size\": {\n      \"value\": 10,\n      \"random\": true,\n      \"anim\": {\n        \"enable\": false,\n        \"speed\": 80,\n        \"size_min\": 0.1,\n        \"sync\": false\n      }\n    },\n    \"line_linked\": {\n      \"enable\": true,\n      \"distance\": 300,\n      \"color\": \"#ffffff\",\n      \"opacity\": 0.4,\n      \"width\": 2\n    },\n    \"move\": {\n      \"enable\": true,\n      \"speed\": 12,\n      \"direction\": \"none\",\n      \"random\": false,\n      \"straight\": false,\n      \"out_mode\": \"out\",\n      \"bounce\": false,\n      \"attract\": {\n        \"enable\": false,\n        \"rotateX\": 600,\n        \"rotateY\": 1200\n      }\n    }\n  },\n  \"interactivity\": {\n    \"detect_on\": \"canvas\",\n    \"events\": {\n      \"onhover\": {\n        \"enable\": false,\n        \"mode\": \"repulse\"\n      },\n      \"onclick\": {\n        \"enable\": true,\n        \"mode\": \"push\"\n      },\n      \"resize\": true\n    },\n    \"modes\": {\n      \"grab\": {\n        \"distance\": 800,\n        \"line_linked\": {\n          \"opacity\": 1\n        }\n      },\n      \"bubble\": {\n        \"distance\": 800,\n        \"size\": 80,\n        \"duration\": 2,\n        \"opacity\": 0.8,\n        \"speed\": 3\n      },\n      \"repulse\": {\n        \"distance\": 400,\n        \"duration\": 0.4\n      },\n      \"push\": {\n        \"particles_nb\": 4\n      },\n      \"remove\": {\n        \"particles_nb\": 2\n      }\n    }\n  },\n  \"retina_detect\": true\n}\n```\n\n-------------------------------\n\n### `Options`\n\nkey | option type / notes | example\n----|---------|------\n'particles.fps_limit' | Limits the fps of the animation redraw, set to 0 for no limit | '30'\n`particles.number.value` | number | `40`\n`particles.number.density.enable` | boolean | `true` / `false` \n`particles.number.density.value_area` | number | `800`\n`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\"`\n`particles.shape.type` | string <br /> array selection | `\"circle\"` <br /> `\"edge\"` <br /> `\"triangle\"` <br /> `\"polygon\"` <br /> `\"star\"` <br /> `\"image\"` <br /> `[\"circle\", \"triangle\", \"image\"]`\n`particles.shape.stroke.width` | number | `2`\n`particles.shape.stroke.color` | HEX (string) | `\"#222222\"`\n`particles.shape.polygon.nb_slides` | number | `5`\n`particles.shape.image.src` | path link <br /> svg / png / gif / jpg | `\"assets/img/yop.svg\"` <br /> `\"http://mywebsite.com/assets/img/yop.png\"`\n`particles.shape.image.width` | number <br />(for aspect ratio) | `100`\n`particles.shape.image.height` | number <br />(for aspect ratio) | `100`\n`particles.opacity.value` | number (0 to 1) | `0.75`\n`particles.opacity.random` | boolean | `true` / `false` \n`particles.opacity.anim.enable` | boolean | `true` / `false` \n`particles.opacity.anim.speed` | number | `3`\n`particles.opacity.anim.opacity_min` | number (0 to 1) | `0.25`\n`particles.opacity.anim.sync` | boolean | `true` / `false`\n`particles.size.value` | number | `20`\n`particles.size.random` | boolean | `true` / `false` \n`particles.size.anim.enable` | boolean | `true` / `false` \n`particles.size.anim.speed` | number | `3`\n`particles.size.anim.size_min` | number | `0.25`\n`particles.size.anim.sync` | boolean | `true` / `false`\n`particles.line_linked.enable` | boolean | `true` / `false`\n`particles.line_linked.distance` | number | `150`\n`particles.line_linked.color` | HEX (string) | `#ffffff`\n`particles.line_linked.opacity` | number (0 to 1) | `0.5`\n`particles.line_linked.width` | number | `1.5`\n`particles.move.enable` | boolean | `true` / `false`\n`particles.move.speed` | number | `4`\n`particles.move.direction` | string | `\"none\"` <br /> `\"top\"` <br /> `\"top-right\"` <br /> `\"right\"` <br /> `\"bottom-right\"` <br /> `\"bottom\"` <br /> `\"bottom-left\"` <br /> `\"left\"` <br /> `\"top-left\"`\n`particles.move.random` | boolean | `true` / `false`\n`particles.move.straight` | boolean | `true` / `false`\n`particles.move.out_mode` | string <br /> (out of canvas) | `\"out\"` <br /> `\"bounce\"`\n`particles.move.bounce` | boolean <br /> (between particles) | `true` / `false`\n`particles.move.attract.enable` | boolean | `true` / `false`\n`particles.move.attract.rotateX` | number | `3000`\n`particles.move.attract.rotateY` | number | `1500`\n`interactivity.detect_on` | string | `\"canvas\", \"window\"`\n`interactivity.events.onhover.enable` | boolean | `true` / `false`\n`interactivity.events.onhover.mode` | string <br /> array selection | `\"grab\"` <br /> `\"bubble\"` <br /> `\"repulse\"` <br /> `[\"grab\", \"bubble\"]`\n`interactivity.events.onclick.enable` | boolean | `true` / `false`\n`interactivity.events.onclick.mode` | string <br /> array selection | `\"push\"` <br /> `\"remove\"` <br /> `\"bubble\"` <br /> `\"repulse\"` <br /> `[\"push\", \"repulse\"]`\n`interactivity.events.resize` | boolean | `true` / `false`\n`interactivity.events.modes.grab.distance` | number | `100`\n`interactivity.events.modes.grab.line_linked.opacity` | number (0 to 1) | `0.75`\n`interactivity.events.modes.bubble.distance` | number | `100`\n`interactivity.events.modes.bubble.size` | number | `40`\n`interactivity.events.modes.bubble.duration` | number <br /> (second) | `0.4`\n`interactivity.events.modes.repulse.distance` | number | `200`\n`interactivity.events.modes.repulse.duration` | number <br /> (second) | `1.2`\n`interactivity.events.modes.push.particles_nb` | number | `4`\n`interactivity.events.modes.push.particles_nb` | number | `4`\n`retina_detect` | boolean | `true` / `false`\n\n-------------------------------\n\n### `Packages install`\n\n##### ***npm***\nhttps://www.npmjs.com/package/particles.js\n```\nnpm install particles.js\n```\n\n##### ***Bower***\n```\nbower install particles.js --save\n```\n\n##### ***Rails Assets***\n```\ngem 'rails-assets-particles.js'\n```\n\n##### ***Meteor***\nhttps://atmospherejs.com/newswim/particles\n```\nmeteor add newswim:particles\n```\n\n-------------------------------\n\n### `Hosting / CDN`\n\n***Please use this host or your own to load particles.js on your projects***\n\nhttp://www.jsdelivr.com/#!particles.js\n","readmeFilename":"README.md"}