{"_id":"walkway.js","_rev":"15-c818b82d607ce688acc05183b7d4c6d6","name":"walkway.js","description":"An easy way to animate simple svg elements.","dist-tags":{"latest":"0.0.9"},"versions":{"0.0.1":{"name":"walkway.js","version":"0.0.1","description":"An easy way to animate simple svg elements.","main":"/src/walkway.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/ConnorAtherton/walkway.git"},"keywords":["svg","animate"],"author":{"name":"Connor Atherton"},"license":"MIT","bugs":{"url":"https://github.com/ConnorAtherton/walkway/issues"},"homepage":"https://github.com/ConnorAtherton/walkway","dependencies":{"gulp":"~3.8.8","gulp-load-plugins":"~0.7.0","gulp-uglify":"~1.0.1","jshint-stylish":"~1.0.0","gulp-jshint":"~1.8.5","gulp-rename":"~1.2.0"},"gitHead":"cde283a1365171b2b2d2ff19b56e2c2338d01c66","_id":"walkway.js@0.0.1","_shasum":"1fd8b0d77539d648d6a34bb7788ea8975840bf31","_from":".","_npmVersion":"2.1.3","_nodeVersion":"0.10.32","_npmUser":{"name":"connoratherton","email":"c.liam.atherton@gmail.com"},"maintainers":[{"name":"connoratherton","email":"c.liam.atherton@gmail.com"}],"dist":{"shasum":"1fd8b0d77539d648d6a34bb7788ea8975840bf31","tarball":"https://registry.npmjs.org/walkway.js/-/walkway.js-0.0.1.tgz","integrity":"sha512-uoO2USiW/fpZi3Z8CSQD/joaP4qn0u4hxKsk4Sg9gyY+llOJJ+M7gsZacHcv8Dm9Z9cQPYsYU2ivSdFVqSwSEA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC74eKBJl/2VpZUrNJl/Ekkkv9RBJkl1hIUC4PJTinavgIhANw7l/Q0tylvXgMD0zFdmA73RKvZJwGMiHgZSBaWBEVk"}]},"directories":{}},"0.0.3":{"name":"walkway.js","version":"0.0.3","description":"An easy way to animate simple svg elements.","main":"/src/walkway.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/ConnorAtherton/walkway.git"},"keywords":["svg","animate"],"author":{"name":"Connor Atherton"},"license":"MIT","bugs":{"url":"https://github.com/ConnorAtherton/walkway/issues"},"homepage":"https://github.com/ConnorAtherton/walkway","dependencies":{"gulp":"~3.8.8","gulp-load-plugins":"~0.7.0","gulp-uglify":"~1.0.1","jshint-stylish":"~1.0.0","gulp-jshint":"~1.8.5","gulp-rename":"~1.2.0"},"gitHead":"06cfefe0fc8451585229e69d7efc4b5ffe0ca46a","_id":"walkway.js@0.0.3","_shasum":"1f888e3971704b31efa0f137f30d4909c498c08a","_from":".","_npmVersion":"2.1.3","_nodeVersion":"0.10.32","_npmUser":{"name":"connoratherton","email":"c.liam.atherton@gmail.com"},"maintainers":[{"name":"connoratherton","email":"c.liam.atherton@gmail.com"}],"dist":{"shasum":"1f888e3971704b31efa0f137f30d4909c498c08a","tarball":"https://registry.npmjs.org/walkway.js/-/walkway.js-0.0.3.tgz","integrity":"sha512-uqjWk5ReUMnmX73PlnpmlYuEV0oSa1GMMKGTNf+UNp/bd1ktM8wuG1o0r1N6jfyYMquZK5cQGecOjsXzFSeq7w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHgbinIVG4UU/xQelP4RWSrk635ZRp767DJNkbuMCKxOAiEAiOKTnptjZNkiF5XoACW6oZp6ObSbpKXYxuEHyqXe9UU="}]},"directories":{}},"0.0.4":{"name":"walkway.js","version":"0.0.4","description":"An easy way to animate simple svg elements.","main":"src/walkway.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/ConnorAtherton/walkway.git"},"keywords":["svg","animate"],"author":{"name":"Connor Atherton"},"license":"MIT","bugs":{"url":"https://github.com/ConnorAtherton/walkway/issues"},"homepage":"https://github.com/ConnorAtherton/walkway","dependencies":{"gulp":"~3.8.8","gulp-load-plugins":"~0.7.0","gulp-uglify":"~1.0.1","jshint-stylish":"~1.0.0","gulp-jshint":"~1.8.5","gulp-rename":"~1.2.0"},"gitHead":"a710c140e6ba67902a44a40521cec4d408be2fa0","_id":"walkway.js@0.0.4","_shasum":"0f62f034e9abe018bdb3f0a8a386691a791eef94","_from":".","_npmVersion":"2.1.3","_nodeVersion":"0.10.32","_npmUser":{"name":"connoratherton","email":"c.liam.atherton@gmail.com"},"maintainers":[{"name":"connoratherton","email":"c.liam.atherton@gmail.com"}],"dist":{"shasum":"0f62f034e9abe018bdb3f0a8a386691a791eef94","tarball":"https://registry.npmjs.org/walkway.js/-/walkway.js-0.0.4.tgz","integrity":"sha512-SbTPfcQJ+ENyLJzDws2IwjTD2ejxkKk/s5sLpf4FYrtWIVlAlrDfI193HXBVl8kWKur8OlaysuRmRfAnbqytag==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBaTIwLd46aRV+GyRvc+GWiSK2P4fIuFEY8HeJ1FqACYAiB3qp+VJ9/wESCB716iGt+GkPiaPhvuq6oJdHmtSP02aA=="}]},"directories":{}},"0.0.5":{"name":"walkway.js","version":"0.0.5","description":"An easy way to animate simple svg elements.","main":"src/walkway.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/ConnorAtherton/walkway.git"},"keywords":["svg","animate"],"author":{"name":"Connor Atherton"},"license":"MIT","bugs":{"url":"https://github.com/ConnorAtherton/walkway/issues"},"homepage":"https://github.com/ConnorAtherton/walkway","dependencies":{"gulp":"~3.8.8","gulp-load-plugins":"~0.7.0","gulp-uglify":"~1.0.1","jshint-stylish":"~1.0.0","gulp-jshint":"~1.8.5","gulp-rename":"~1.2.0"},"gitHead":"2a0ec0513543f92c52b49637be52a5440b6146a9","_id":"walkway.js@0.0.5","_shasum":"f714f2e9022bb259d2862257fcd2a42388f83992","_from":".","_npmVersion":"2.1.3","_nodeVersion":"0.10.32","_npmUser":{"name":"connoratherton","email":"c.liam.atherton@gmail.com"},"maintainers":[{"name":"connoratherton","email":"c.liam.atherton@gmail.com"}],"dist":{"shasum":"f714f2e9022bb259d2862257fcd2a42388f83992","tarball":"https://registry.npmjs.org/walkway.js/-/walkway.js-0.0.5.tgz","integrity":"sha512-jfyoSPZ8iVgXPKWscedgrOhrNSacum9aA7qIvMwzTN5kD6nokmMlvGdLieJcdnLW/NrcD1gkcoFWyx4iPemunw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBnK0zZLqSlHm3cHGwmRQaVoyhyq9uU7SWyl7afPBmmZAiABbbyBjmPLw0r8+d9/dgJRza/TNcfVaoYOZ9rr9Vw37A=="}]},"directories":{}},"0.0.6":{"name":"walkway.js","version":"0.0.6","description":"An easy way to animate simple svg elements.","main":"src/walkway.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/ConnorAtherton/walkway.git"},"keywords":["svg","animate"],"author":{"name":"Connor Atherton"},"license":"MIT","bugs":{"url":"https://github.com/ConnorAtherton/walkway/issues"},"homepage":"https://github.com/ConnorAtherton/walkway","devDependencies":{"gulp":"^3.9.1","gulp-jshint":"^2.0.0","gulp-load-plugins":"^1.2.2","gulp-rename":"^1.2.2","gulp-uglify":"^1.5.3","jshint":"^2.9.1","jshint-stylish":"^2.1.0"},"gitHead":"2a549ec4ff0993982971895805b3d1293b0e87e2","_id":"walkway.js@0.0.6","_shasum":"2d71ffa49e57bb1e3f095c2d49a4f4e578d022dc","_from":".","_npmVersion":"3.9.5","_nodeVersion":"6.2.2","_npmUser":{"name":"connoratherton","email":"c.liam.atherton@gmail.com"},"dist":{"shasum":"2d71ffa49e57bb1e3f095c2d49a4f4e578d022dc","tarball":"https://registry.npmjs.org/walkway.js/-/walkway.js-0.0.6.tgz","integrity":"sha512-SfOSatxDrRSfC41w23JGySUPp1Onwtp2S/SfsYTBY8vDsl3tKqhhEK1NXBENJwZz6pw3nYbpN3RWyluBai78qg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDedrAwkt+rgLQvXvkpaPDyxlySZpswZ8OYT7eZVpDrqwIgKPP65pQQpLpIDQRtRE++UBiT/TsCh1vaVVTu6g8gD6g="}]},"maintainers":[{"name":"connoratherton","email":"c.liam.atherton@gmail.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/walkway.js-0.0.6.tgz_1472163429655_0.4236917158123106"},"directories":{}},"0.0.7":{"name":"walkway.js","version":"0.0.7","description":"An easy way to animate simple svg elements.","main":"src/walkway.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/ConnorAtherton/walkway.git"},"keywords":["svg","animate"],"author":{"name":"Connor Atherton"},"license":"MIT","bugs":{"url":"https://github.com/ConnorAtherton/walkway/issues"},"homepage":"https://github.com/ConnorAtherton/walkway","devDependencies":{"gulp":"^3.9.1","gulp-jshint":"^2.0.0","gulp-load-plugins":"^1.2.2","gulp-rename":"^1.2.2","gulp-uglify":"^1.5.3","jshint":"^2.9.1","jshint-stylish":"^2.1.0"},"gitHead":"d2347a402089afe5c7d5d64ef9330e2a10754a7d","_id":"walkway.js@0.0.7","_shasum":"2a682d39e4563c8721c8f28b69f7602888ecf493","_from":".","_npmVersion":"3.10.8","_nodeVersion":"6.9.1","_npmUser":{"name":"connoratherton","email":"c.liam.atherton@gmail.com"},"dist":{"shasum":"2a682d39e4563c8721c8f28b69f7602888ecf493","tarball":"https://registry.npmjs.org/walkway.js/-/walkway.js-0.0.7.tgz","fileCount":9,"unpackedSize":27561,"integrity":"sha512-spX8WAn7ZkDKVqE30HEsdhymavl2JDfjeMa2slfJWpDZZj60Q2W8FNta0fgwAA7kN9tli29h/+qcoU0My786uQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCbt9ubXB1OmVT7dq2QyhUu/oUb+RmNoK4aToDiZQ8XCwIgFXzhRhynskw32LUuHza9tS8UuGMCNZxb7BXXu3EWUIA="}]},"maintainers":[{"name":"connoratherton","email":"c.liam.atherton@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walkway.js_0.0.7_1528853367344_0.20186599167791086"},"_hasShrinkwrap":false},"0.0.8":{"name":"walkway.js","version":"0.0.8","description":"An easy way to animate simple svg elements.","main":"src/walkway.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/ConnorAtherton/walkway.git"},"keywords":["svg","animate"],"author":{"name":"Connor Atherton"},"license":"MIT","bugs":{"url":"https://github.com/ConnorAtherton/walkway/issues"},"homepage":"https://github.com/ConnorAtherton/walkway","devDependencies":{"gulp":"^3.9.1","gulp-jshint":"^2.0.0","gulp-load-plugins":"^1.2.2","gulp-rename":"^1.2.2","gulp-uglify":"^1.5.3","jshint":"^2.9.1","jshint-stylish":"^2.1.0"},"gitHead":"f7f6534b6a5c72d643ec43bb87e2d9b1a5d2c6f1","_id":"walkway.js@0.0.8","_shasum":"415cb9881dbf3de316caca387b808e80791035d8","_from":".","_npmVersion":"3.10.8","_nodeVersion":"6.9.1","_npmUser":{"name":"connoratherton","email":"c.liam.atherton@gmail.com"},"dist":{"shasum":"415cb9881dbf3de316caca387b808e80791035d8","tarball":"https://registry.npmjs.org/walkway.js/-/walkway.js-0.0.8.tgz","fileCount":9,"unpackedSize":28902,"integrity":"sha512-uVbC9tDHp0Elwo4j/4qKa21E471yG4IqzZtze4137KKtNb32Q6NA2vYoifdLtdWdD396WkYgoOsgrTTINNsMeg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD+Ls8PGKqueF5YQN47ABqF2UCp4zWVJMSFOSOxbSqY4QIgBf+rxOoAMQ5PT3dJv5n34H98s9bIaqpkfAZW1CUk7oI="}]},"maintainers":[{"name":"connoratherton","email":"c.liam.atherton@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walkway.js_0.0.8_1528929612148_0.9758554439165887"},"_hasShrinkwrap":false},"0.0.9":{"name":"walkway.js","version":"0.0.9","description":"An easy way to animate simple svg elements.","main":"src/walkway.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/ConnorAtherton/walkway.git"},"keywords":["svg","animate"],"author":{"name":"Connor Atherton"},"license":"MIT","bugs":{"url":"https://github.com/ConnorAtherton/walkway/issues"},"homepage":"https://github.com/ConnorAtherton/walkway","devDependencies":{"gulp":"^3.9.1","gulp-jshint":"^2.0.0","gulp-load-plugins":"^1.2.2","gulp-rename":"^1.2.2","gulp-uglify":"^1.5.3","jshint":"^2.9.1","jshint-stylish":"^2.1.0"},"gitHead":"d11fbba3a4838b57d2738f964d49ad23f3631287","_id":"walkway.js@0.0.9","_shasum":"95db2a27af827b2265b0198e169d88139d1b5037","_from":".","_npmVersion":"3.10.8","_nodeVersion":"6.9.1","_npmUser":{"name":"connoratherton","email":"c.liam.atherton@gmail.com"},"dist":{"shasum":"95db2a27af827b2265b0198e169d88139d1b5037","tarball":"https://registry.npmjs.org/walkway.js/-/walkway.js-0.0.9.tgz","fileCount":9,"unpackedSize":28096,"integrity":"sha512-DL+LgK9eUfQYq6L2X6Nufj9hTHOM1dqGg0RPABOSdXpra9S+FCngn9PeRTuCizoUoxUUoqxonvjwAc5JaxKCfA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHyXaJhEgvIYxpttMcJA8SLMkjOT0gIXXh6ioD0mAPvwAiAoyOPJfET2WpoPipOhZk1KU88ZBCChwIJmc0nlq9rgfg=="}]},"maintainers":[{"name":"connoratherton","email":"c.liam.atherton@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/walkway.js_0.0.9_1529861779902_0.02936421406299594"},"_hasShrinkwrap":false}},"readme":"# Walkway [![devDependency Status](https://david-dm.org/ConnorAtherton/walkway/dev-status.svg)](https://david-dm.org/ConnorAtherton/walkway#info=devDependencies)\n\nI loved the animations [for the polygon ps4 review](http://www.polygon.com/a/ps4-review) a few months back\nand decided to create a small library to re-create them ([simple demo](http://htmlpreview.github.io/?https://github.com/ConnorAtherton/walkway/blob/master/example/index.html)).\n\nIt supports `path`, `line` and `polyline` elements.\n\n## Download\n\n#### yarn\n```\nyarn add walkway.js\n```\n\n#### npm\n```\nnpm install walkway.js\n```\n\n#### CDN\n```\nhttps://cdn.jsdelivr.net/npm/walkway.js/src/walkway.min.js\n```\n\n## How to use\n\nCreate a new ```Walkway``` instance with a supplied options object.\nWhen you want to start animating call ```.draw``` on the returned instance\nproviding an optional callback that will be called when drawing is complete.\n\n``` js\n// Create a new instance\nvar svg = new Walkway(options);\n// Draw when ready, providing an optional callback\nsvg.draw(callback);\n\n// Options passed in as an object, see options below.\nvar svg = new Walkway({ selector: '#test'});\n\n// Overwriting defaults\nvar svg = new Walkway({\n  selector: '#test',\n  duration: '2000',\n  // can pass in a function or a string like 'easeOutQuint'\n  easing: function (t) {\n    return t * t;\n  }\n});\n\nsvg.draw();\n\n// If you don't want to change the default options you can\n// also supply the constructor with a selector string.\nvar svg = new Walkway('#test');\n\nsvg.draw(function() {\n  console.log('Animation finished');\n});\n```\n\nAll animations will automatically complete when the window containing them loses focus, to another\ntab, for example. You can also choose to restart all animations in an event handler. To restart\nevery animation when the window gains focus again, you can do:\n\n```\ndocument.addEventListener('visibilitychange', function() {\n  if (!document.hidden) {\n    svg.redraw();\n  }\n}, false);\n```\n\n### Options\n\n- **selector** (*mandatory*) - The selector of the parent element (usually will be a specific svg element)\n- **duration** - Time the animation should run for, in ms. Default is 400.\n- **easing** - Name of the easing function used for drawing. Default is 'easeInOutCubic'. You can also supply your own function that will be passed the progress and should return a value in the range of [0, 1];\n\n### Easing\n\nAll credit for the built-in easing functions go to [gre](https://github.com/gre) from [this gist](https://gist.github.com/gre/1650294).\n\n### Gotchas\n\nSometimes when exporting from a program like Illustrator elements have no stroke style attached to them. This results in confusion when\nWalkway starts the animation and nothing shows up. Just be sure to add base styles that can be overwritten if required.\n\n```sass\nsvg {\n  path, line, polyline {\n    stroke: #fff\n    stroke-width: 2px\n  }\n\n  path {\n    fill: transparent\n  }\n}\n```\n\n### Demo\nView the example link provided near the top of this README or see it in action on my\n[website](http://www.connoratherton.com/walkway).\n","maintainers":[{"name":"connoratherton","email":"c.liam.atherton@gmail.com"}],"time":{"modified":"2022-06-28T21:35:56.400Z","created":"2014-11-08T08:28:48.945Z","0.0.1":"2014-11-08T08:28:48.945Z","0.0.3":"2014-11-09T17:33:45.309Z","0.0.4":"2014-11-20T17:46:28.927Z","0.0.5":"2014-11-25T17:03:55.733Z","0.0.6":"2016-08-25T22:17:11.459Z","0.0.7":"2018-06-13T01:29:27.438Z","0.0.8":"2018-06-13T22:40:12.264Z","0.0.9":"2018-06-24T17:36:20.098Z"},"homepage":"https://github.com/ConnorAtherton/walkway","keywords":["svg","animate"],"repository":{"type":"git","url":"git+https://github.com/ConnorAtherton/walkway.git"},"author":{"name":"Connor Atherton"},"bugs":{"url":"https://github.com/ConnorAtherton/walkway/issues"},"license":"MIT","readmeFilename":"README.md","users":{"filipve":true}}