{"_id":"bubbly-bg","_rev":"6-24c7b5158ac4c2c3c0b1f06a7da6d8dc","name":"bubbly-bg","description":"Lightweight and beautiful bubbly backgrounds","dist-tags":{"latest":"1.0.0"},"versions":{"0.0.1":{"name":"bubbly-bg","version":"0.0.1","description":"Lightweight and beautiful bubbly backgrounds","main":"dist/bubbly-bg.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/tipsy/bubbly-bg.git"},"author":{"name":"David Åse"},"license":"Apache-2.0","bugs":{"url":"https://github.com/tipsy/bubbly-bg/issues"},"homepage":"https://github.com/tipsy/bubbly-bg#readme","devDependencies":{"babel-core":"^6.26.0","babel-preset-es2015":"^6.24.1","del":"^3.0.0","gulp":"^3.9.1","gulp-babel":"^7.0.0","gulp-plumber":"^1.1.0","gulp-uglify":"^3.0.0"},"gitHead":"581bb91e8b73e7e8d5458827647eaa96963734ce","_id":"bubbly-bg@0.0.1","_npmVersion":"5.3.0","_nodeVersion":"8.4.0","_npmUser":{"name":"tipsy","email":"mail.davidaase@gmail.com"},"dist":{"integrity":"sha512-1IunvzAaayHCc9D9U9tsGaNd3VBO4Do2W6eu6WPgI3mjIWhO2ijsdxWSqaPne9s4Bp5/Ynh4fzflL8Q1Ai2xYw==","shasum":"3caa20867c847570d812597edc81f008bbf20fd0","tarball":"https://registry.npmjs.org/bubbly-bg/-/bubbly-bg-0.0.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDuWfUDl0ydqkKFlls5jI5NCkeEYtdEKeziAGrFo5mMEAiEAxTTuKJSe/rEi4wPkDsEKifhNkcEQAFuugrxtOzLW0x8="}]},"maintainers":[{"name":"tipsy","email":"mail.davidaase@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/bubbly-bg-0.0.1.tgz_1506782843091_0.1598794909659773"},"directories":{}},"0.2.0":{"name":"bubbly-bg","version":"0.2.0","description":"Lightweight and beautiful bubbly backgrounds","main":"dist/bubbly-bg.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/tipsy/bubbly-bg.git"},"author":{"name":"David Åse"},"license":"Apache-2.0","bugs":{"url":"https://github.com/tipsy/bubbly-bg/issues"},"homepage":"https://github.com/tipsy/bubbly-bg#readme","devDependencies":{"babel-core":"^6.26.0","babel-preset-es2015":"^6.24.1","del":"^3.0.0","gulp":"^3.9.1","gulp-babel":"^7.0.0","gulp-plumber":"^1.1.0","gulp-uglify":"^3.0.0"},"gitHead":"5c40376ba42d15c2048e4746f6565c01ef382999","_id":"bubbly-bg@0.2.0","_npmVersion":"5.3.0","_nodeVersion":"8.4.0","_npmUser":{"name":"tipsy","email":"mail.davidaase@gmail.com"},"dist":{"integrity":"sha512-TNKLwLjHCCY/m1AaRDmpanKppT3tt5q97oS3F5U1t6eZlnVvt+tHQ1Ewm2mjV8nS25kSXrndoViK86N0IzjWBg==","shasum":"a838f471958e31c6e6d221e19a458aed1061f921","tarball":"https://registry.npmjs.org/bubbly-bg/-/bubbly-bg-0.2.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGPfrFmjYFSgy4AVdtY7jpRunSiB70DTWQuf5KZv/LTJAiBvjxfIMrtbjVW2TZPgnJZw0mZ4WbzWFRlvR1SA0yjnmQ=="}]},"maintainers":[{"name":"tipsy","email":"mail.davidaase@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/bubbly-bg-0.2.0.tgz_1506784338438_0.7558274960611016"},"directories":{}},"0.2.1":{"name":"bubbly-bg","version":"0.2.1","description":"Lightweight and beautiful bubbly backgrounds","main":"dist/bubbly-bg.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/tipsy/bubbly-bg.git"},"author":{"name":"David Åse"},"license":"Apache-2.0","bugs":{"url":"https://github.com/tipsy/bubbly-bg/issues"},"homepage":"https://github.com/tipsy/bubbly-bg#readme","devDependencies":{"babel-core":"^6.26.0","babel-preset-es2015":"^6.24.1","del":"^3.0.0","gulp":"^3.9.1","gulp-babel":"^7.0.0","gulp-plumber":"^1.1.0","gulp-uglify":"^3.0.0"},"gitHead":"4fcde02f145f0399ad0680919bed30807c86ef1f","_id":"bubbly-bg@0.2.1","_npmVersion":"5.3.0","_nodeVersion":"8.4.0","_npmUser":{"name":"tipsy","email":"mail.davidaase@gmail.com"},"dist":{"integrity":"sha512-cLAcnWm5s69XgRs2668VzFZWIf1PeQtTB8CJOTjffEoRuEofaM9p2J0tNQUuZNG95rpppWSHup/Bfd+lncVPgA==","shasum":"c3930d6ce3e9f361bb14acf14633ddf7d22654db","tarball":"https://registry.npmjs.org/bubbly-bg/-/bubbly-bg-0.2.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC4W3DC5bzrADxGmA4PBstMxXOC0ozEu74sJyurqql2vQIhALwhucPUXKiIN2HG7HmYEs5PTonCtfMRFhOuvjZGEhYF"}]},"maintainers":[{"name":"tipsy","email":"mail.davidaase@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/bubbly-bg-0.2.1.tgz_1506809495878_0.9899865121114999"},"directories":{}},"0.2.2":{"name":"bubbly-bg","version":"0.2.2","description":"Lightweight and beautiful bubbly backgrounds","main":"dist/bubbly-bg.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/tipsy/bubbly-bg.git"},"author":{"name":"David Åse"},"license":"Apache-2.0","bugs":{"url":"https://github.com/tipsy/bubbly-bg/issues"},"homepage":"https://github.com/tipsy/bubbly-bg#readme","devDependencies":{"babel-core":"^6.26.0","babel-preset-es2015":"^6.24.1","del":"^3.0.0","gulp":"^3.9.1","gulp-babel":"^7.0.0","gulp-plumber":"^1.1.0","gulp-uglify":"^3.0.0"},"gitHead":"f870316287b4421f74c67333e88a95df80ba1872","_id":"bubbly-bg@0.2.2","_npmVersion":"5.3.0","_nodeVersion":"8.4.0","_npmUser":{"name":"tipsy","email":"mail.davidaase@gmail.com"},"dist":{"integrity":"sha512-ySIbSzHEun0rMqcpAJ+/ekJk6JcHIOAfm7ct+HF7QNkXKZIsMPNE0Gt75Xh9D3Gx1gp6jR4vSsMcs6ocTHXmqA==","shasum":"90a90adf3fd32eea5923f43dfeba7cbd2e74caeb","tarball":"https://registry.npmjs.org/bubbly-bg/-/bubbly-bg-0.2.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBHCRMwkC4yAX5nl4W8FfGT1BCp32xP1EOc2RP2Tx+dXAiBI55taWBGFzoqI3DC9pEVFlt3uknuEMmyayisZL0nasA=="}]},"maintainers":[{"name":"tipsy","email":"mail.davidaase@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/bubbly-bg-0.2.2.tgz_1506932100952_0.30533436476252973"},"directories":{}},"0.2.3":{"name":"bubbly-bg","version":"0.2.3","description":"Lightweight and beautiful bubbly backgrounds","main":"dist/bubbly-bg.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/tipsy/bubbly-bg.git"},"author":{"name":"David Åse"},"license":"Apache-2.0","bugs":{"url":"https://github.com/tipsy/bubbly-bg/issues"},"homepage":"https://github.com/tipsy/bubbly-bg#readme","devDependencies":{"babel-core":"^6.26.0","babel-preset-es2015":"^6.24.1","del":"^3.0.0","gulp":"^3.9.1","gulp-babel":"^7.0.0","gulp-plumber":"^1.1.0","gulp-uglify":"^3.0.0"},"gitHead":"b3c6b2c67e8868cd8dcd1f091d6e36dd032626a0","_id":"bubbly-bg@0.2.3","_npmVersion":"5.3.0","_nodeVersion":"8.4.0","_npmUser":{"name":"tipsy","email":"mail.davidaase@gmail.com"},"dist":{"integrity":"sha512-+AzmXoVvAsDR6B97Ok/YSDR+IJ5GvPu4TFQL0AL8AsDN+WdwhCSAKlAJ/e8bPpnx9i+FmXld9NIaYvK9lg7xrQ==","shasum":"82296f082df156c94958b71757acb9448f4aa11c","tarball":"https://registry.npmjs.org/bubbly-bg/-/bubbly-bg-0.2.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFshHMZNT9mq5g8xQAX9tFqsL+uzqbJNKraNjqOgukkyAiEA9deBDUnlX+579VkgyqsX52tab/bh+s4+B0HRCgsEDKc="}]},"maintainers":[{"name":"tipsy","email":"mail.davidaase@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/bubbly-bg-0.2.3.tgz_1507135904561_0.26938356971368194"},"directories":{}},"1.0.0":{"name":"bubbly-bg","version":"1.0.0","description":"Lightweight and beautiful bubbly backgrounds","main":"dist/bubbly-bg.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/tipsy/bubbly-bg.git"},"author":{"name":"David Åse"},"license":"Apache-2.0","bugs":{"url":"https://github.com/tipsy/bubbly-bg/issues"},"homepage":"https://github.com/tipsy/bubbly-bg#readme","devDependencies":{"babel-core":"^6.26.0","babel-preset-es2015":"^6.24.1","del":"^3.0.0","gulp":"^3.9.1","gulp-babel":"^7.0.0","gulp-plumber":"^1.1.0","gulp-uglify":"^3.0.0"},"gitHead":"83060ef64d206b9bfc7a568a501f87b4f697c121","_id":"bubbly-bg@1.0.0","_npmVersion":"5.3.0","_nodeVersion":"8.4.0","_npmUser":{"name":"tipsy","email":"mail.davidaase@gmail.com"},"dist":{"integrity":"sha512-sqTWKaeRjWywlXzDEL12z2lxhjG/hPK/0uWkl59hBSIdsA1y3GPRLHfkTelcufY0tQVtXCqKYQDvlW1XHNw53A==","shasum":"f336db37981c8603f3dd4ab1d731557896920048","tarball":"https://registry.npmjs.org/bubbly-bg/-/bubbly-bg-1.0.0.tgz","fileCount":5,"unpackedSize":19054,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1LBVCRA9TVsSAnZWagAAVTwP/1XO4L3whG/DlGh42VGK\nYQl9p0yiJeWQNaIZ/f6A3hBS4z7pndr0M0m5tjDBKVXlkukIP2eVAKqSBHIG\n3yTsED1udxWtMTlFTtolDecixDxWVF6sxLSig93oAMMS/a73M+JknCiyJv6G\nbET1HKWhf474B5qpjeIGz7eT589zDtKKihlrIUQOvF6FKR026csSI7nGm0dO\nSu+z2ZmoDo5q5s05lIaTViXicWfthAdd9OIPGP0yCqLfS4eg7ktO7RO5mKE+\nHFbsT/+MU0BKf0+ZGm8XpRG4isGQsrtwZFtzI7eeiKH0rs4EXY4ibDuZIiHC\ndAYnYffVaxsJfMgAQ5Tpoqjkjp5qsJ2mMS+Zs7Bde5g3/Qr9PNfzwL7Xzh49\nR7SInYWZlwL+xDQflMzCFQ89MOgo6+ljRNfKvuYvkn3NwyStjithrm0WDLG+\nZWQ7G8WYDsa+ihRI3J7ekU9Xfu2ObOpOyunqQ3bqS71F4KA1kjrqXoKy6Y+c\nG2t/VHKnk40vCOVQIwuhr7259P9Di0oNthJBdenjG6HkrztPPunoFdyeZoc5\nzmPHjTKN4uFkeV3VRkiYI/Ej9xWUNzEUUNQxnBoK7c4iQWjZ2KXMV0ZmY05c\nRxDxZM8EWkcj7aCtXWLqgwkhG2/ISDQQHn7XytalZUV3quRqIfaltq184F6n\njpGQ\r\n=lNFX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAzfA2kXZ6jpJJ4hCFqCsdYk4BXgw8y93fyA1wM71kCLAiEAlbNbysji9f/AXrg77DXAMPQTeBP02zdbYtroxyDFMlk="}]},"maintainers":[{"name":"tipsy","email":"mail.davidaase@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/bubbly-bg_1.0.0_1523888212501_0.9576762874586988"},"_hasShrinkwrap":false}},"readme":"## bubbly-bg\r\n\r\nBeautiful bubbly backgrounds in less than 1kB (750 bytes gzipped).\r\n\r\n### Usage\r\nAdd bubbly to your webpage and call `bubbly()`: \r\n```html\r\n<body>\r\n  ...\r\n  <script src=\"https://cdn.jsdelivr.net/npm/bubbly-bg@0.2.3/dist/bubbly-bg.js\"></script>\r\n  <script>bubbly();</script>\r\n</body>\r\n```\r\n\r\nBubbly creates a `canvas` element and appends it to the `body`. This element has `position: fixed` and `z-index: -1`, and always fills the width/height of the viewport, which should make it plug and play for most projects.\r\n\r\nYou can also use bubbly with a canvas you create yourself, by including `{canvas: yourCanvas}` in the configuration.\r\n\r\n# Live demo: https://tipsy.github.io/bubbly-bg\r\n\r\n### Gif demo:\r\n![Bubbly animated](https://tipsy.github.io/bubbly-bg/bubbly.gif)\r\n\r\n### PNG demo:\r\n![Bubbly examples](https://tipsy.github.io/bubbly-bg/bubbly.png)\r\n\r\n### Installation\r\n* cdn: https://cdn.jsdelivr.net/npm/bubbly-bg@0.2.3/dist/bubbly-bg.js\r\n* node: `npm install bubbly-bg`\r\n* download: https://raw.githubusercontent.com/tipsy/bubbly-bg/master/dist/bubbly-bg.js\r\n\r\n### Configuration / Docs / Options\r\n\r\n```javascript\r\nbubbly({\r\n    animate: false, // default is true\r\n    blur: 1, // default is 4\r\n    bubbleFunc: () => `hsla(${Math.random() * 360}, 100%, 50%, ${Math.random() * 0.25})`, // default is () => `hsla(0, 0%, 100%, ${r() * 0.1})`)\r\n    bubbles: 100, // default is Math.floor((canvas.width + canvas.height) * 0.02);\r\n    canvas: document.querySelector(\"#background\"), // default is created and attached\r\n    colorStart: \"#4c004c\", // default is blue-ish\r\n    colorStop: \"#1a001a\",// default is blue-ish\r\n    compose: \"lighter\", // default is \"lighter\"\r\n    shadowColor: \"#0ff\", // default is #fff\r\n    angleFunc: () => Math.random() * Math.PI * 2, // default is this\r\n    velocityFunc: () => 0.1 + Math.random() * 0.5, // default is this\r\n    radiusFunc: () => 4 + Math.random() * 25 // default is 4 + Math.random() * width / 25\r\n});\r\n```\r\n\r\n### Config from examples\r\n\r\n#### Blue with white bubbles\r\n```javascript\r\nbubbly();\r\n```\r\n\r\n#### Black/red with red bubbles\r\n```javascript\r\nbubbly({\r\n    colorStart: \"#111\",\r\n    colorStop: \"#422\",\r\n    bubbleFunc: () => `hsla(0, 100%, 50%, ${Math.random() * 0.25})`\r\n});\r\n```\r\n\r\n#### Purple with multicolored bubbles\r\n```javascript\r\nbubbly({\r\n    colorStart: \"#4c004c\",\r\n    colorStop: \"#1a001a\",\r\n    bubbleFunc: () => `hsla(${Math.random() * 360}, 100%, 50%, ${Math.random() * 0.25})`\r\n});\r\n```\r\n\r\n#### Yellow/pink with red/orange/yellow bubbles\r\n```javascript\r\nbubbly({\r\n    colorStart: \"#fff4e6\",\r\n    colorStop: \"#ffe9e4\",\r\n    blur: 1,\r\n    compose: \"source-over\",\r\n    bubbleFunc: () => `hsla(${Math.random() * 50}, 100%, 50%, .3)`\r\n});\r\n```\r\n","maintainers":[{"name":"tipsy","email":"mail.davidaase@gmail.com"}],"time":{"modified":"2022-04-12T04:37:51.718Z","created":"2017-09-30T14:47:24.030Z","0.0.1":"2017-09-30T14:47:24.030Z","0.2.0":"2017-09-30T15:12:19.359Z","0.2.1":"2017-09-30T22:11:36.778Z","0.2.2":"2017-10-02T08:15:02.003Z","0.2.3":"2017-10-04T16:51:45.497Z","1.0.0":"2018-04-16T14:16:52.619Z"},"homepage":"https://github.com/tipsy/bubbly-bg#readme","repository":{"type":"git","url":"git+https://github.com/tipsy/bubbly-bg.git"},"author":{"name":"David Åse"},"bugs":{"url":"https://github.com/tipsy/bubbly-bg/issues"},"license":"Apache-2.0","readmeFilename":"README.md"}